*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box;-webkit-text-size-adjust:100%}footer,header,nav,section{display:block}button{background:none;border:none;border-radius:0px;outline:0;-webkit-appearance:none}ul li{list-style:none}ul li::before{content:"\200B"}@media screen and (max-width: 37.49em){ul li{margin-left:0}}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);overflow:hidden;position:absolute !important;height:1px;width:1px}.screen-reader-text:focus{clip:auto;display:block;font-weight:700;text-transform:uppercase;letter-spacing:1px;height:auto;line-height:normal;padding:0.7em 2em;position:absolute;left:0.5em;top:0.5em;text-decoration:none;width:auto;z-index:100000;border-bottom:none}@font-face{font-family:'Six Caps';font-style:normal;font-weight:400;font-display:swap;src:local("Six Caps"),local("Six Caps-Regular"),url("../fonts/six-caps/six-caps-regular.woff2") format("woff2"),url("../fonts/six-caps/six-caps-regular.woff") format("woff")}@font-face{font-family:'Mukta';font-style:normal;font-weight:400;font-display:swap;src:local("Mukta"),local("Mukta-Regular"),url("../fonts/mukta/mukta-regular.woff2") format("woff2"),url("../fonts/mukta/mukta-regular.woff") format("woff")}@font-face{font-family:'Mukta';font-style:normal;font-weight:700;font-display:swap;src:local("Mukta Bold"),local("Mukta-Bold"),url("../fonts/mukta/mukta-700.woff2") format("woff2"),url("../fonts/mukta/mukta-700.woff") format("woff")}:root{--font-title: 'Six Caps', sans-serif;--font-body: 'Mukta', sans-serif;--col-text: #2b2b2b;--col-text-light: #91918d;--col-text-reverse: #f8f7f0;--col-page-light: #f8f7f0;--col-page-dark: #2b2b2b;--col-border: #61635d;--col-border-light: #ccc;--col-theme: #98c268;--col-theme-hover: #7ea057}html{font-size:62.5%}body{min-height:100vh;padding-top:2em;font-family:var(--font-body);font-size:18px;font-size:1.8rem;line-height:1.5;background-color:var(--col-page-dark);color:var(--col-text-reverse)}body>*{width:85%;margin:0 auto;position:relative;z-index:100}@media screen and (max-width: 47.99em){.hide{display:none}}section:empty{height:0;display:none}body::after{content:"";background-image:url("../images/leaves-bg.svg");background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:99}body:not(.home)::before{content:"";background-image:url("../images/leaves-icon.svg");background-repeat:no-repeat;width:40px;height:40px;position:fixed;bottom:1em;right:0.7em;z-index:100}footer{padding:2em 0 1em 0;align-self:flex-end}h1,h2{font-family:var(--font-title);font-weight:normal;text-transform:uppercase;letter-spacing:2px;line-height:1.2;margin-bottom:0.5em}h1{font-size:72px;font-size:7.2rem}h2{font-size:48px;font-size:4.8rem}h1 span{font-family:var(--font-body);font-size:16px;font-size:1.6rem;text-transform:uppercase;letter-spacing:2px;display:block;color:var(--col-theme)}h3{font-size:16px;font-size:1.6rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:0.5em;color:var(--col-theme-hover)}span{font-weight:normal}footer p{font-size:14px;font-size:1.4rem}a{color:inherit;text-decoration:none}.button{font-size:18px;font-size:1.8rem;text-transform:uppercase;letter-spacing:2px;height:45px;padding:0.5em 0.5em;background-color:var(--col-theme)}button{font-size:18px;font-size:1.8rem;margin:0 0.5em 0.5em 0;padding:0.2em 1em;color:var(--col-text-reverse)}button{font-family:var(--font-body)}button:hover{background-color:var(--col-theme)}#letters button{font-size:18px;font-size:1.8rem;font-weight:700;width:2.3em;height:2.5em;margin:0.7em 1em 0 0;padding:0.5em 0.5em;background-color:var(--col-page-light);color:var(--col-text)}nav button,#list button{border:1px dashed var(--col-border)}.home{display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.home h1::before{content:"";width:150px;height:150px;position:absolute;top:0;left:0;right:0;margin:0 auto;text-align:center;background-image:url("../images/leaves-icon.svg");background-repeat:no-repeat;background-size:cover}.home h1{font-size:90px;font-size:9rem;line-height:1;margin-bottom:0;padding-top:1.7em}.home p{width:25ch;margin:0 auto;padding:1em 0}.home a{width:20ch;margin:0 auto}nav{display:grid;grid-auto-rows:minmax(48px, auto)}nav a{height:90px}@media screen and (max-width: 47.99em){#show-menu:not(.hide){display:block;height:3em}}#result,#letters,#list article{margin-bottom:3em}.scrollbar{display:grid;grid-template-columns:repeat(2, 70vw);grid-column-gap:1.5em;height:100%;overflow-y:auto;margin:0 auto}.scrollbar article{column-width:32vw;column-fill:auto;height:100%;display:inline-block;padding-top:1.5em}.scrollbar article h3{column-span:all}.scrollbar li{break-inside:avoid;padding:0.3em 0;border-bottom:1px dashed var(--col-border)}@media screen and (max-width: 47.99em){.scrollbar,.scrollbar article{transform:rotateX(180deg)}.scrollbar::-webkit-scrollbar{width:5px;height:3px}.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px var(--col-border) !important;background:var(--col-border)}.scrollbar::-webkit-scrollbar-thumb{background:var(--col-text-reverse)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--col-theme)}.scrollbar::-webkit-scrollbar:vertical{display:none}}@media screen and (prefers-color-scheme: light){.light-mode{background-color:var(--col-page-light);color:var(--col-text)}}.light-mode{background-color:var(--col-page-light)}.light-mode::after{background-image:url("../images/leaves-bg-light.svg")}.light-mode,.light-mode button{color:var(--col-text)}.light-mode #letters button{background-color:var(--col-page-dark);color:var(--col-text-reverse)}nav button,#list button{border:1px dashed var(--col-border-light)}.scrollbar li{border-bottom:1px dashed var(--col-border-light)}#theme{font-size:16px;font-size:1.6rem;color:var(--col-text-reverse);padding:0}#theme:hover{background-color:transparent}#theme::before{content:"";background-color:#fff;width:20px;height:20px;border-radius:20px;display:inline-block;margin-right:0.5em;margin-bottom:-0.2em}.light-mode #theme{color:var(--col-text)}.light-mode #theme::before{background-color:#000}@media screen and (min-width: 48em){#show-menu{display:none}nav a{height:48px}body:not(.home){display:grid;grid-template-columns:25vw 25vw 50vw}body:not(.home)>*{align-self:flex-start}#menu{grid-column:1 / 2}#list{grid-column:2 / 3}#letters{grid-column:2 / 3}#result{grid-column:3 / 4}#list{grid-row:1 / span 1}footer{grid-row:3}#list,#letters,#list>article{padding-top:48px}#result{padding-top:70px}.scrollbar{grid-template-columns:repeat(2, 1fr)}.scrollbar article{column-width:100px}}