@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";@keyframes slideInFromTop{0%{transform:translateY(-100%) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes countIncrease{0%{transform:scale(1);color:#fff}50%{transform:scale(1.5);color:#32cd32}to{transform:scale(1);color:#fff}}.visitor-count-container{position:fixed;top:10px;left:0;right:0;margin:0 auto;padding:12px 20px;z-index:100;max-width:fit-content;background-color:var(--eerie-black-3);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:1px solid var(--jet);border-radius:10px;box-shadow:var(--shadow-2);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2rem;opacity:0;visibility:hidden;font-family:var(--ff-poppins)}.visitor-count-container.visible{visibility:visible;animation:slideInFromTop 1s ease-out forwards}.count-increase{animation:countIncrease .5s ease forwards}.visitor-icon{display:flex;justify-content:center;align-items:center;gap:7px;position:relative}.visitor-icon .count{font-size:1.2rem;transition:all .5s ease}@media(max-width:600px){.visitor-count-container{height:50px;font-size:1rem}.visitor-icon .count{font-size:1rem}}@media(max-width:350px){.visitor-count-container,.visitor-icon .count{font-size:.9rem}}:root{--bg-gradient-onyx: linear-gradient(to bottom right, hsl(240, 1%, 25%) 3%, hsl(0, 0%, 19%) 97%);--bg-gradient-jet: linear-gradient(to bottom right, hsla(240, 1%, 18%, .251) 0%, hsla(240, 2%, 11%, 0) 100%), hsl(240, 2%, 13%);--bg-gradient-yellow-1: linear-gradient(to bottom right, hsl(45, 100%, 71%) 0%, hsla(36, 100%, 69%, 0) 50%);--bg-gradient-yellow-2: linear-gradient(135deg, hsla(45, 100%, 71%, .251) 0%, hsla(35, 100%, 68%, 0) 59.86%), hsl(240, 2%, 13%);--border-gradient-onyx: linear-gradient(to bottom right, hsl(0, 0%, 25%) 0%, hsla(0, 0%, 25%, 0) 50%);--text-gradient-yellow: linear-gradient(to right, hsl(45, 100%, 72%), hsl(35, 100%, 68%));--bg-light-mode: hsl(45, 100%, 92%);--light-text-color: hsl(43, 30%, 45%);--pink-light: hsl(355, 100%, 68%);--jet: hsl(0, 0%, 22%);--onyx: hsl(240, 1%, 17%);--eerie-black-1: hsl(240, 2%, 13%);--eerie-black-2: hsl(240, 2%, 12%);--eerie-black-3: hsla(240, 2%, 12%, .616);--smoky-black: #121212;--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 0%, 98%);--orange-yellow-crayola: hsl(45, 100%, 72%);--vegas-gold: hsl(45, 54%, 58%);--light-gray: hsl(0, 0%, 84%);--light-gray-70: hsla(0, 0%, 84%, .7);--bittersweet-shimmer: hsl(0, 43%, 51%);--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 hsla(0, 0%, 0%, .25);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .25);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .25);--shadow-4: 0 25px 50px hsla(0, 0%, 0%, .15);--shadow-5: 0 24px 80px hsla(0, 0%, 0%, .25);--transition-1: .25s ease;--transition-2: .5s ease-in-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}img,.ion-icon,a,button,time,span{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer}input,textarea{display:block;width:100%;background:none;font:inherit}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus{outline-color:var(--orange-yellow-crayola)}html{font-family:var(--ff-poppins)}main{width:100%;height:100vh;position:relative;background-color:var(--smoky-black);overflow:auto}.sidebar,article,.glitch-404{background-color:var(--eerie-black-3);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:20px;padding:15px;box-shadow:var(--shadow-1);z-index:1}.separator{width:100%;height:1px;background:var(--jet);margin:16px 0}.icon-box{position:relative;background:var(--border-gradient-onyx);width:30px;height:30px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1}.socials-icons{color:var(--orange-yellow-crayola)}.icon-box:before{content:"";position:absolute;inset:1px;background:var(--eerie-black-1);border-radius:inherit;z-index:-1}.icon-box .ion-icon{--ionicon-stroke-width: 35px}article{display:none}article.active{display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.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{position:relative;padding-bottom:7px}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:var(--text-gradient-yellow);border-radius:3px}::-webkit-scrollbar{width:0;height:8px}::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.content-card{position:relative;background:var(--border-gradient-onyx);padding:45px 15px 15px;border-radius:14px;box-shadow:var(--shadow-2);cursor:auto;z-index:1}.content-card:before{content:"";position:absolute;inset:1px;background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1}@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,.glitch-404{width:520px;margin-inline:auto;padding:25px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{width:48px;height:48px;border-radius:12px;font-size:18px}}@media(min-width:768px){.sidebar,article,.glitch-404{width:700px}}@media(min-width:1024px){:root{--shadow-1: -4px 8px 24px hsla(0, 0%, 0%, .125);--shadow-2: 0 16px 30px hsla(0, 0%, 0%, .125);--shadow-3: 0 16px 40px hsla(0, 0%, 0%, .125)}.sidebar,article,.glitch-404{width:950px;box-shadow:var(--shadow-5)}}@media(min-width:1250px){::-webkit-scrollbar{width:5px;height:8px}::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.sidebar,article,.glitch-404{width:auto}article{min-height:100%}}