/* Definir fontes que serão usadas */

@font-face {
    font-family: Bahns;
    src: url(fonts/BAHNSCHRIFT.TTF);
}

@font-face {
    font-family: Segoe;
    src: url(fonts/Segoe\ UI.ttf);
}

@font-face {
    font-family: SegoeBold;
    src: url(fonts/Segoe\ UI\ Bold.ttf);
}

body {
    background-color: #171717;
}

section {
    display: grid;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.animacao {
    width: 400px;
}

section h1 {
    color: white;
    font-family: "Bahns";
    text-align: center;
    font-size: 40px;
}

@media (orientation: portrait) {
    .animacao {
        width: 70vw;
    }

    section h1 {
        font-size: 6vw;
    }
}