/*!
Theme Name: Applic
Author: Sikora Kostyantin
Author URI: https://under_tree_e.com
Description: Theme for Applic website
Version: 1.0.0
Requires at least: 6.0
Text Domain: applic.com.ua
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Manrope:wght@200..800&display=swap");

html,
body {
    border: none;
    margin: 0;
    padding: 0;
    font-family: "Manrope";
    font-size: 16px;
    /* overflow-x: hidden; */
}

* {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    transition: background-color 0.2s ease-in-out;
    max-width: 1920px;
    margin: 0 auto;
}

html {
    scroll-behavior: smooth;
}

@media only screen and (max-width: 2000px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1800px) {
    html {
        font-size: 14px;
    }
}

/* @media only screen and (max-width: 1500px) {
    html {
        font-size: 12.5px;
    }
} */

/* @media only screen and (max-width: 1300px) {
    html {
        font-size: 12px;
    }
} */

@media screen and (max-width: 1700px) {
    html {
        font-size: 13.25px;
    }
}
/* @media screen and (max-width: 1600px) {
    html {
        font-size: 12px;
    }
} */
@media screen and (max-width: 1500px) {
    html {
        font-size: 12px;
    }
}
@media screen and (max-width: 1400px) {
    html {
        font-size: 11.25px;
    }
}
@media screen and (max-width: 1300px) {
    html {
        font-size: 10.5px;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 9.5px;
    }
}

@media screen and (max-width: 1100px) {
    html {
        font-size: 8.5px;
    }
}

@media screen and (max-width: 1000px) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 900px) {
    html {
        font-size: 14.5px;
    }
}