/* [----GENERAL----] */
@import url(fonts.css);

:root {
    /* Colors */
    --background: #FFF;
    --backgroundDarker: #F2F2F2;
    
    --textLighter: #825e5e;
    --textLightest: #d3b9b9;
    --accent: #0f1820;
    
    --accentLighter: #550F0F;
    --accentDarker: #420808;
    --accentText: #FFF;
    
    
    --benefitsCards: ;
    --benefitsCardsHover: ;

    /* Sizes */
    --mainPosition: 40px;
    --homeAreaHeight: calc(800px - var(--mainPosition) - var(--navHeight) - var(--navPosition));
    
    --titleWidth: 600px;
    
    --homeImageWidth: 500px;
    --homeImageHeight: 600px;
    --screenMinWidth: 1200px;
    --homeImageCorners: 20px;


    --accent: #600E12;
    --accentLighter: #691015;
    --accentDarker: #530f0f;
    --accentDarkest: #440b0b;
    --complementDarkest: #b04d48;
    --complementDarker: #C25B56;
    --complement: #D88C5F;
    --complementHover: #eb9d71;
    --complementLighter: #f7a271;
    --text: #001412;
    --textLighter: #556B69;
    --white: #FFF;
    --offWhite: #F9F9F9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: 'Poppins', 'Arial';
    font-family: 'Poppins', 'Arial';scroll-behavior: smooth;

}

html, body {
    margin: 0;
}

html:lang(ru) {
    font-family: 'Montserrat' !important;
}

body {
    background-color: var(--accent);
    
}

main {
    position: relative;
}

a {
    -webkit-tap-highlight-color: transparent; /* Removes mobile tap highlight */
  }

img::selection {
    opacity: 0;
}


@media screen and (max-width: 600px) {
    body {
        width: 100vw;
    }
}

@media screen and (min-width: 600.01px) {
    body {
        width: 100vw;
    }
}

@media screen and (min-width: 767.01px) and (max-width: 991.98px),
       screen and (min-width: 991.98px) and (max-width: 1024.98px) and (orientation: portrait) {
    body {
        width: 100vw;
    }

}

@media screen and (min-width: 992px) and (max-width: 1024.98px) and (orientation: landscape),
       screen and (min-width: 1025px) {
    body {
        min-width: var(--screenMinWidth);
        overflow: scroll;
    }

}