@charset "UTF-8";:root{--main-color: hsl(30,25%,40%);--main-color-bright: hsl(30,37%,45%);--main-color-dark: hsl(30,35%,30%);--complementary-color: hsl(195,33%,30%);--complementary-color-text: hsl(195, 49%, 41%);--grey: hsl(0,0%,96%);--text-color-links: hsl(0, 0%, 100%);--text-color-links-second: hsl(190,88%,36%);--background-color-light-mode: hsl(0, 0%, 100%);--text-color-light-mode: hsl(210, 11%, 15%);--text-color-links-second-light-mode: hsl(190,88%,36%);--background-color-footer-light-mode: hsl(210, 11%, 15%);--text-color-footer-light-mode: hsl(228, 15%, 78%);--background-color-dark-mode: hsl(210, 11%, 15%);--text-color-dark-mode: hsl(0, 0%, 100%);--text-color-links-second-dark-mode: hsl(0,0%,70%);--background-color-footer-dark-mode: hsl(5,0%,80%);--text-color-footer-dark-mode: hsl(210, 11%, 15%)}body.dark-mode{--background-color: var(--background-color-dark-mode);--text-color: var(--text-color-dark-mode);--main-color-sublinks: var(--complementary-color);--text-color-links-second: var(--complementary-color-text);--background-color-footer: var(--background-color-footer-dark-mode);--text-color-footer: var(--text-color-footer-dark-mode)}body:not(.dark-mode){--background-color: var(--background-color-light-mode);--text-color: var(--text-color-light-mode);--main-color-sublinks: var(--complementary-color);--text-color-links-second: var(--complementary-color-text);--background-color-footer: var(--background-color-footer-light-mode);--text-color-footer: var(--text-color-footer-light-mode)}:root{font-family:Helvetica,Arial,sans-serif;line-height:1.2em;letter-spacing:.02em;box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{font-family:Arial,sans-serif;font-size:14px;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:0}h1,h2,h3,h4{font-weight:200}h1{font-size:2.3rem;line-height:3.4rem}h2{font-size:2rem;line-height:3.4rem}h3{font-size:1.6rem;line-height:2rem}h4{font-size:1.3rem;line-height:1.7rem}h5{font-weight:400;font-size:1.2rem;line-height:1.7rem}h6{font-weight:400;font-size:1rem;line-height:1.7rem}a,button{cursor:pointer}.btn{background-color:var(--main-color-bright);color:#fff;border:1px solid var(--main-color-bright);border-radius:3px;min-height:2em}body{margin:0}header,nav{position:fixed;top:0;left:0;width:100%;z-index:500;background:var(--main-color)}header{height:3em;display:flex;align-items:flex-end;justify-content:flex-end}header .about-us{margin-top:1em;margin-right:1em;align-self:center}header .about-us>a{color:var(--text-color-links);text-decoration:unset;text-transform:uppercase;text-align:center;cursor:pointer}header .icon-brush{padding-top:.1em;font-size:1.5em}header .icon-globe{padding-top:.1em;font-size:1.5em}header .theme,header .language{margin-right:3em;color:#fff;display:flex}header .theme .select,header .language .select{position:relative;display:flex;width:5em;height:2em;border-radius:.25em;overflow:hidden;margin-left:.25em}header .theme .select>select,header .language .select>select{appearance:none;outline:10px red;border:0;box-shadow:none;flex:1;padding:0 1em;color:#fff;background-color:var(--main-color-dark);background-image:none;cursor:pointer}header .theme .select>select::-ms-expand,header .language .select>select::-ms-expand{display:none}header .theme .select:after,header .language .select:after{content:"\25bc";position:absolute;top:0;right:0;padding-right:.5em;padding-top:.35em;background-color:var(--main-color-dark);transition:.25s all ease;pointer-events:none}header .theme .select:hover:after,header .language .select:hover:after{color:var(--complementary-color)}header .theme{margin-right:1em}@media screen and (max-width: 1000px){header{height:9em}header .theme{position:fixed;top:3.5em;right:12.5em;z-index:2000}header .language{position:fixed;top:3.5em;right:2em;z-index:2000}header .about-us{position:fixed;top:3em;right:22em;z-index:2000}}@media screen and (max-width: 650px){header{height:5em}header .theme{position:fixed;top:1.4em;right:10.5em;z-index:2000}header .language{position:fixed;top:1.4em;right:1em;z-index:2000}header .about-us{display:none}}nav{top:3em;height:7em}@media screen and (max-width: 1000px){nav{top:9em;height:1em}nav.active{height:100%}}@media screen and (max-width: 650px){nav{top:5em;height:1em}}.main-container{display:flex;flex-direction:column;margin-top:10em;height:calc(100vh - 10em);width:100vw}@media screen and (max-width: 1310px){.main-container{margin-top:10em;height:calc(100vh - 10em)}}@media screen and (max-width: 650px){.main-container{margin-top:6em;height:calc(100vh - 6em)}}main{flex:1;background:var(--background-color);color:var(--text-color)}footer{min-height:5em;background:var(--background-color-footer);color:var(--text-color-footer);text-align:center}