:root {
    /*font-size*/
    font-size:16px;
    --font-info:28px;
    --font-solution:18px;
    --accent:64px;
    --small:14px;
    --regular:20px;
    --middle:30px;
    --large:36px;
    --ex-large:50px;
    --bg:100px;
    /*color*/
    --primary:#7ADDFF;
    --white:#f2f4f5;
    --pure-white:#fff;
    --navy:#003369;
    --blue:#1b1dce;
    --black:#333;
    --gold:#E9C303;
    --light-gray:#999;
    --gray:#707070;
    --purple:#7C84FF;
}

@media screen and (max-width:1080px) {
    :root {
    /*font-size*/
    font-size:14px;
    --font-info:28px;
    --font-solution:16px;
    --accent:30px;
    --small:12px;
    --regular:14px;
    --middle:18px;
    --large:20px;
    --ex-large:26px;
    --bg:64px;
    }
}
@media screen and (max-width:450px) {
    :root {
    /*font-size*/
    --ex-large:22px;
    --bg:56px;
    }
}