:root {
    --background: #1a2946;
    --background-linear-blue-gradient: linear-gradient(-90deg, #014871, #D7EDE2);
}


body {
    background-color: #014871;
}

h1,
h2,
h3 {
    color: #fff;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #f16767;
}

.title {
    font-family: 'Unison Pro Bold Italic';
    font-size: 70px;
}

@media (max-width: 771px) {
    .title {
        font-size: 50px;
    }

    .button {
        font-size: 25px;
        height: 30px;
        padding-bottom: 12px;
    }
    
    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 18px;
    }
}

@media (max-width: 551px) {
    .title {
        font-size: 40px;
    }

    .button {
        font-size: 20px;
        height: 30px;
        padding-bottom: 12px;
    }
    
    h1 {
        font-size: 18px;
    }

    h2 {
        font-size: 15px;
    }
}