:root{--bg-gradient-onyx:linear-gradient(to bottom right,#3f3f40 3%,#303030 97%);--bg-gradient-jet:linear-gradient(to bottom right,rgba(45,45,46,.251),rgba(27,27,29,0)),#202022;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffda6b,rgba(255,192,97,0) 50%);--bg-gradient-yellow-2:linear-gradient(135deg,rgba(255,218,107,.251),rgba(255,187,92,0) 59.86%),#202022;--border-gradient-onyx:linear-gradient(to bottom right,#404040,rgba(64,64,64,0) 50%);--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#ffbb5c);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--light-gray:#d6d6d6;--light-gray-70:hsla(0,0%,84%,.7);--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins",sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px rgba(0,0,0,.25);--shadow-2:0 16px 30px rgba(0,0,0,.25);--shadow-3:0 16px 40px rgba(0,0,0,.25);--shadow-4:0 25px 50px rgba(0,0,0,.15);--shadow-5:0 24px 80px rgba(0,0,0,.25);--transition-1:.25s ease;--transition-2:.5s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}a,button,img,ion-icon,span,time{display:block}button{border:none;cursor:pointer;text-align:left}button,input,textarea{background:none;font:inherit}input,textarea{display:block;width:100%}::-moz-selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus{outline-color:var(--orange-yellow-crayola)}html{font-family:var(--ff-poppins)}body{background:var(--smoky-black)}.sidebar,article{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;box-shadow:var(--shadow-1);padding:15px;z-index:1}.separator{background:var(--jet);height:1px;margin:16px 0;width:100%}.icon-box{align-items:center;background:var(--border-gradient-onyx);border-radius:8px;box-shadow:var(--shadow-1);color:var(--orange-yellow-crayola);display:flex;font-size:16px;height:30px;justify-content:center;position:relative;width:30px;z-index:1}.icon-box:before{background:var(--eerie-black-1);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.icon-box ion-icon{--ionicon-stroke-width:35px}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.h5{font-size:var(--fs-7);font-weight:var(--fw-500)}.article-title{padding-bottom:7px;position:relative}.article-title:after{background:var(--text-gradient-yellow);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:30px}.has-scrollbar::-webkit-scrollbar{height:5px;width:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}.content-card{background:var(--border-gradient-onyx);border-radius:14px;box-shadow:var(--shadow-2);cursor:pointer;padding:45px 15px 15px;position:relative;z-index:1}.content-card:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}main{margin:15px 12px 75px;min-width:259px}@media(min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}.sidebar,article{margin-inline:auto;padding:30px;width:520px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{height:5px;width:40px}.icon-box{border-radius:12px;font-size:18px;height:48px;width:48px}main{margin-bottom:100px;margin-top:60px}}@media(min-width:768px){.sidebar,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}}@media(min-width:1024px){:root{--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0 16px 30px rgba(0,0,0,.125);--shadow-3:0 16px 40px rgba(0,0,0,.125)}.sidebar,article{box-shadow:var(--shadow-5);width:950px}main{margin-bottom:60px}.main-content{margin:auto;position:relative;width:-moz-max-content;width:max-content}}@media(min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{background:#ffffff1a;border:5px solid var(--smoky-black);border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto}article{min-height:100%}main{align-items:stretch;display:flex;gap:25px;justify-content:center;margin-inline:auto;max-width:1200px}.main-content{margin:0;min-width:75%;width:75%}}