@charset "UTF-8";

@font-face {
    font-family: oranienbaum;
    src: url(https://vianamana.neocities.org/fonts/Oranienbaum.ttf);
}

body {
    background-image: url(https://vianamana.neocities.org/bgs/waterflow.jpg);
    background-size: cover;
    background-attachment: fixed;
    font-family: oranienbaum, calibri;
    text-align: justify;
}

.wrapper {
    display: grid;
    row-gap: 1.5em;
    width: 90%;
    margin: 5% auto;
}

h1 {
    text-align: center;
    margin: 0;
}

main {
    display: grid;
    row-gap: 1.5em;
}

header {
    display: grid;
    row-gap: 1.5em;
    justify-self: center;
}

a {
    text-decoration: none;
    text-shadow: white 0 0 0.25em;
    color: midnightblue;
    text-decoration: midnightblue underline dotted;
    text-underline-offset: 0.25em;
}

@media only screen and (min-width: 768px) {
    .wrapper {
        width: 80%;
        font-size: x-large;
    }

    header {
        width: 50%;
    }

    h1 {
        font-size: 2em;
    }
}