@font-face {
    font-family: 'Odds';
    src: url('../fonts/Odds-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100%;
    background-image: url(../imgs/background_main.png);
    background-size: cover;
}

.hero {
    width: 100%;
    background: url("../imgs/background.png") center / cover no-repeat;
}

.page {
    position: relative;

    width: 100%;
    height: 100vh;
    

    display: flex;
    user-select: none;
}

.content {
    padding-left: 5vw;
    padding-top: 13vw
}

.background {
    position: absolute;
    top: 0px;
    width: 100%;
}

.title {
    position: relative;

    color: #00338E;
    font-size: 7vw;
    font-family: "Odds";
    line-height: 100%;

    text-shadow:
        0.3vw 0.3vw 0 #ffffff,
       -0.3vw 0.3vw 0 #ffffff,
        0.3vw -0.3vw 0 #ffffff,
       -0.3vw -0.3vw 0 #ffffff;

}

@media (max-width: 1024px) {
    .hero {
        background: url("../imgs/background_mobile.png") center / cover no-repeat;
    }

    .title {
        font-size: 14vw;
    }
}