html {
    background-color: rgb(66, 66, 66);
    font-family: 'Rubik', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    padding:0;
    margin:0;
}
html,a{
    color: rgb(228, 222, 197);
}
body {
    margin: 0 auto;
    width: 800px;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.37), rgba(255,255,255,0)),
    url("./background.png");
    background-repeat: no-repeat, repeat;
    background-size: cover, 10%;
    padding: 3em;
}
h1 {
    font-size: 90px;
    margin-bottom: 0;
}
h2 {
    font-size: 45px;
    padding-top: 0;
}
h3 {
    font-size: 45px;
    text-align: left;
}
p {
    font-size: 25px;
    text-align: justify;
}
hr {
    border: none;
    border-top: 4px solid rgb(228, 222, 197);
    height: 0;
    background: none;
    margin: 1em 0;
  }

.grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2em;
    font-size: 25px;
  }
  .grid-container > div {
    padding: 0px;
  }
.r {text-align: right;}