:root {
    --max-width: 1536px;
    --Light-gray: #F0F2F5;
    --Black: #25252A;
    --Orange: #FF7446;
    --White: #FFF;
    --Blue: #77AEFF;
    --Medium-grey: #DDE4EF;
    --Grey: #4F5058;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: Inter;
    font-style: normal;
    line-height: normal;
}

h1:focus-visible {
    outline: none;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@media (min-width: 768px) {
    .for-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .for-desktop {
        display: none;
    }
}

.no-scroll {
    overflow: hidden;
}