@font-face {
  font-family: "Open Sans";
  src: url("../font/OpenSans-Regular.ttf"); }
html,
body {
  margin: 0;
  padding: 0; }

html {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  max-width: 1024px;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0f00d4; }

a,
a:active,
a:hover,
a:visited {
  color: #f59156;
  text-decoration: none; }

header {
  display: grid;
  place-items: center; }
  header h1 {
    font-size: 3rem; }

main article {
  width: 75%;
  padding: 1rem; }