.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands{font-family:"Font Awesome 6 Brands"}/*!
 * Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */:root{--fa-style-family-brands: "Font Awesome 6 Brands";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-c61287c2.woff2) format("woff2"),url(/assets/fa-brands-400-b1d1c1b0.ttf) format("truetype")}.fa-brands{font-weight:400}.fa-github:before{content:"\f09b"}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v12-latin-regular.eot);src:local(""),url(/fonts/inter-v12-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/inter-v12-latin-regular.woff2) format("woff2"),url(/fonts/inter-v12-latin-regular.woff) format("woff"),url(/fonts/inter-v12-latin-regular.ttf) format("truetype"),url(/fonts/inter-v12-latin-regular.svg#Inter) format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-v12-latin-700.eot);src:local(""),url(/fonts/inter-v12-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/inter-v12-latin-700.woff2) format("woff2"),url(/fonts/inter-v12-latin-700.woff) format("woff"),url(/fonts/inter-v12-latin-700.ttf) format("truetype"),url(/fonts/inter-v12-latin-700.svg#Inter) format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-v12-latin-800.eot);src:local(""),url(/fonts/inter-v12-latin-800.eot?#iefix) format("embedded-opentype"),url(/fonts/inter-v12-latin-800.woff2) format("woff2"),url(/fonts/inter-v12-latin-800.woff) format("woff"),url(/fonts/inter-v12-latin-800.ttf) format("truetype"),url(/fonts/inter-v12-latin-800.svg#Inter) format("svg")}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}li,ol{list-style:none}a{text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--text-color-primary: hsl(236, 13%, 42%);--text-accent-white: hsl(36, 100%, 99%);--text-accent-dark: hsl(240, 100%, 5%);--text-accent-orange: hsl(35, 77%, 62%);--text-accent-red: hsl(5, 85%, 63%);--text-accent-grey: hsl(233, 8%, 79%);--bg-body: hsl(36, 100%, 99%);--bg-sidebar: hsl(240, 100%, 5%);--bg-navbar: hsl(36, 100%, 99%);--bg-button: hsl(5, 85%, 63%);--bg-button-hover: hsl(240, 100%, 5%);--ff-primary: "Inter", sans-serif;--fw-normal: 400;--fw-bold: 700;--fw-extra-bold: 800}.article{display:flex;gap:1.5625rem;margin-bottom:1.875rem}.article__info{display:flex;flex-direction:column;justify-content:space-between}.article__title{display:block;color:var(--text-accent-dark);transition:color .2s linear}.article__title:active{color:var(--text-accent-red)}.article__number{color:var(--text-accent-grey);font-size:1.875rem;font-weight:var(--fw-bold)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.5625rem 0;max-height:78px}.secondary-nav{position:absolute;width:250px;right:-100%;transition:right .3s ease-in}.secondary-nav__list{height:100vh;background-color:var(--bg-navbar);display:flex;flex-direction:column;gap:1.25rem;padding-left:1.875rem;padding-top:7.5rem}.secondary-nav__item{font-size:.9375rem;color:var(--text-accent-dark);transition:color .2s linear}.secondary-nav__item:active{color:var(--text-accent-red)}.button{background-color:var(--bg-button);padding:12px 32px;display:inline-block;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--text-accent-white);letter-spacing:2px;margin-top:1.875rem;cursor:pointer;transition:background-color .2s linear,color .2s linear}.button:active{background-color:var(--bg-button-hover)}.button-open{position:relative;z-index:9999;cursor:pointer}.button-close{position:absolute;z-index:9999;right:-100%;cursor:pointer;transition:right .3s ease-in}.fa-github{color:var(--text-accent-dark);cursor:pointer;font-size:1.875rem}div.sidebar{margin-top:3.75rem}.sidebar{background-color:var(--bg-sidebar);padding:30px 22px 0}.sidebar__heading{font-size:1.5625rem;color:var(--text-accent-orange)}.sidebar__item{padding:30px 0;border-bottom:1px solid var(--text-accent-white)}.sidebar__item:last-of-type{border-bottom:none}.sidebar__title{color:var(--text-accent-white);margin-bottom:.625rem;display:block;transition:color .2s linear}.sidebar__title:active{color:var(--text-accent-orange)}body{position:relative;background-color:var(--bg-body);font-family:var(--ff-primary);font-weight:var(--fw-normal);font-size:.9375rem;padding-bottom:3.125rem}.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}header{position:fixed;background-color:var(--bg-navbar);width:100%;display:flex;z-index:2}main{padding-top:5rem}footer{text-align:center;padding-top:3.125rem}.container.articles{margin-top:3.75rem}.container{width:342px;margin:0 auto}h1{color:var(--text-accent-dark);font-weight:var(--fw-extra-bold);margin:1.875rem 0;font-size:2.5rem;line-height:1}p{color:var(--text-color-primary)}@media (max-width: 20rem){.container{width:300px}.secondary-nav{width:200px}}@media (min-width: 48rem){header{position:static;width:60%;max-width:1100px;margin:0 auto;padding:1.5625rem 0;justify-content:space-around}.button-open,.button-close,.overlay{display:none}.navbar.container{margin:0}main{padding-top:0}.navbar{width:-moz-fit-content;width:fit-content;padding-top:unset;padding-bottom:unset}.secondary-nav{display:block;position:static;width:unset}.secondary-nav__list{flex-direction:row;gap:1.25rem;height:unset;padding-left:unset;padding-top:unset}}@media (min-width: 75rem){body{display:flex;justify-content:center;align-items:center}.grid-container{width:1110px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3.75rem 1.875rem}header{width:100%;padding-top:3.125rem;padding-bottom:0;grid-column:1/3}main p{line-height:1.8}h1{margin:0;font-size:3.125rem}footer{grid-column:1/3;padding-top:0}.secondary-nav__list{gap:2.8125rem}.secondary-nav__item:hover{color:var(--text-accent-red)}.container{width:100%;margin:0}.main__content{display:flex;align-items:flex-start;gap:3.75rem;margin-top:2.1875rem}.button:hover{background-color:var(--bg-button-hover);color:var(--text-accent-white)}div.sidebar{margin-top:0}.sidebar__heading{font-size:2.25rem}.sidebar__item{padding:1.5625rem 0}.sidebar__title:hover{color:var(--text-accent-orange)}.articles{grid-column:1/3;display:flex;gap:1.25rem}.article{margin-bottom:0}.article__title:hover{color:var(--text-accent-red)}.container.articles{margin:0}}