.container {
    width: 1536px;
    margin-inline: auto;
    padding-inline: 0.5rem;
}

.text {
    font-size: 1.15rem;
    max-width: 65ch;
    margin-inline: auto;
}

.text::selection {
    background: rgba(185, 183, 183, 0.5);
    color: #27b1bb;
}

.title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55rem;
    letter-spacing: 0.05rem;
}

.btn {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    border-radius: 7px;
    text-transform: uppercase;
    transition: all 0.4s;
}

.btn:active {
    transform: scale(1.6);
}

.btn:hover {
    transform: translateY(-0.1rem);
}

.hidden {
    opacity: 0;
    filter: blur(5px);
    transition: all 1s;
}

.slideInBottomAnimation {
    /*animation: slideInBottom 1s;*/
    opacity: 1;
    filter: blur(0);
}

@media (max-width: 1536px) {
    .container {
        max-width: 1200px
    }
}

@media (max-width: 1280px) {
    .container {
        max-width: 1024px
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 768px
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 640px
    }
}

@media (max-width: 640px) {
    .container {
        max-width: 475px
    }
    .text {
        font-size: 1rem;
    }
    .title {
        font-size: 1.3rem;
    }
}

@media (max-width: 475px) {
    .container {
        width: 90%;
    }

}

/*keyframes*/

@keyframes sizeUp {
    from {
        transform: scale(0.3);
    }
    to {
        transform: scale(1);
    }
}