/* to have the same fonts as on the announcement... /o\ */
@font-face {
    font-family: 'ClickerScript-Regular';
    src: url('fonts/ClickerScript-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson.roman';
    src: url('fonts/crimson.roman.ttf');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 24px;
    text-align: center;
    font-family: ClickerScript-Regular;
    /* background-color: white; */
    background-color: #fcf0df; /* blond?! */
    height: 100vh; /* to get rid of the annoying blank space */
}

#container {
    display: inline-block;
    width: 100%;
    height: fit-content;
}

#container p {
    font-size: 1.8em;
}

#main {
    max-height: fit-content;
}

img {
    object-fit: contain;
    width: 54%;
    float: center;
}

h1 {
    font-weight: normal;
}

a {
    color: black;
}

::selection {
    background-color:  #005c00;
    color: white;
}

@media screen and (max-width: 1080px) {
#container {
    display: block;
}

img {
    width: 100%;
    padding-left: 0%;
    border-left: 0%;
}

}

@media screen and (max-width: 720px) {
    
body {
    font-size: 1em;
}
    
}