@font-face {
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Montserrat-Regular.woff2) format("woff2"),
         url(../fonts/Montserrat-Regular.woff) format("woff")
}
:root {
    --base-1: #393E41;
    --base-2: #687378;
    --base-3: #9EA7A9;
    --base-4: #DDEAED;
    --base-5: #EBF9FC;
    --red-1: #EF233C;
    --red-2: #F25467;
    --red-3: #F67988;
    --red-4: #FCD9DD;
    --red-5: #FDECEE;

    color: var(--base-5);
}
:root {
    --body-font: 16px Montserrat 400;
    --title-font: 48px Montserrat 900;

    font: var(--body-font);
}

html,body{margin:0;padding:0}
html,body,main{min-height:100vh}
*,*::before,*::after{font:var(--body-font);box-sizing:border-box}