/* WORK IN PROGRESS */
/* It's possibly empty */
@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: url('/resources/documents/_fonts/comfortaa-700.woff') format('woff'),url('/resources/documents/_fonts/comfortaa-700.ttf') format('truetype')
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('/resources/documents/_fonts/raleway-regular.woff') format('woff'),url('/resources/documents/_fonts/raleway-regular.ttf') format('truetype')
}

body.landingpage #site-main {
    align-items: center;
    color: #666;
    flex-direction: column-reverse;
    font-family: 'Raleway';
    font-size: 28px;
    gap: 100px;
    justify-content: center;
}
body.landingpage #site-main * {
    text-align: center;
}
body.landingpage #site-main strong {
    font-family: 'Comfortaa';
}
body.landingpage #site-main figure {
    border: none;
}
body.landingpage #site-main video {
    border: none;
    max-width: min(100%, 500px);
}
body.landingpage #site-main img {
    max-width: min(100%, 500px);
}

#info-transition {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5ch;
    justify-content: center;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    #info-transition {
        flex-direction: row;
    }
}