@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa:wght@300;400&family=Righteous&family=Teko:wght@500&display=swap";:root{--c-purple: rgba(49, 53, 82, .78);--c-red: rgba(150, 91, 107, .47);--c-green: #2EB086;--c-white: #EEE6CE;--c-gray: rgba(64, 64, 64, .93);--c-blank: #EEEEEE;--c-dark: #222831;--c-blue: #00ADB5;background-color:var(--c-gray);--f-def: "Bebas Neue", cursive;--f-alt: "Comfortaa", cursive;--f-head: "Righteous", cursive;--f-bold: "Teko", sans-serif;--ct-dark: #00000080;--ct-light: #FFFFFF80;--c-after-a: rgba(59, 129, 67, .81)}html{z-index:0;font-size:21px;color:var(--c-blank)}ul{list-style-type:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:var(--c-blank);font-family:var(--f-def);margin-inline:0;background-image:url(/assets/headerBG.b19d2061.png);backface-visibility:visible;background-position:center;background-size:cover}body::-webkit-scrollbar{width:.9rem}body::-webkit-scrollbar-track{background:transparent;border-radius:10px}body::-webkit-scrollbar-thumb{background:var(--c-dark);border-radius:10px}body::-webkit-scrollbar-thumb:hover{width:1vw;box-shadow:inset 0 0 8px var(--c-purple);border-radius:10px}::-moz-selection{background:none}::selection{background:none}a:-webkit-any-link h1{color:var(--c-after-a)}li:hover>a:-webkit-any-link h1{color:var(--c-blank)}h1{font-size:2rem}p{font-size:1.5rem}main#CardSet{background-repeat:no-repeat;background-position:center;background-size:cover;justify-items:center;transition:background-position 1s ease}main#CardSet section{height:100%;font-family:DM Mono,monospace;color:#fff;display:unset}main#CardSet section>header#cardHead>h1{color:#f5f5f5;background-color:initial;text-align:center;padding-top:4rem;padding-bottom:-1rem}main#CardSet section div.xd{height:100%;display:flex;padding:3rem;overflow-x:scroll}main#CardSet section div.xd::-webkit-scrollbar{width:.6rem}main#CardSet section div.xd::-webkit-scrollbar-track{background:transparent;border-radius:10px;background:var(--c-dark);margin-inline:6rem}main#CardSet section div::-webkit-scrollbar-thumb{background:var(--c-purple);border-radius:10px;transition:1s ease}main#CardSet section div.xd::-webkit-scrollbar-thumb:hover{width:.6rem;box-shadow:inset 0 0 5px gray;border-radius:10px;transition:1s ease}main#CardSet section div.xd article{height:65vh;width:25vw;min-width:250px;padding:1.5rem;border-radius:16px;background:#17141d;box-shadow:-1.5rem .5rem 1rem #000000db;display:flex;flex-direction:column;transition:.2s;margin:0;scroll-snap-align:start;clear:both;position:relative}main#CardSet section div.xd article:focus-within~article,main#CardSet section div.xd article:hover~article{transform:translate(130px)}main#CardSet section div.xd article:hover{transform:translateY(-1rem);background-color:var(--c-gray)}main#CardSet section div.xd article:not(:first-child){margin-left:-130px}main#CardSet section div.xd article header#cardHead{margin-bottom:auto;justify-items:center;justify-content:center}main#CardSet section div.xd article header#cardHead p{font-size:14px;margin:0 0 1rem;color:#7a7a8c}main#CardSet section div.xd article header#cardHead h2{letter-spacing:.3vw;font-size:20px;text-decoration:none;text-transform:none}main#CardSet section div.xd article header#cardHead h2:hover{background:linear-gradient(90deg,#ff8a00,#e52e71);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text}main#CardSet section div.xd article:hover header#cardHead h2{background:linear-gradient(90deg,#ff8a00,#e52e71);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text}main#CardSet section div.xd article header#cardHead img{width:40px;height:40px;margin:16px 10px}.tags{margin:1rem 0 2rem;line-height:2}.tags span{font-style:normal;color:#7a7a8c;text-transform:capitalize;font-size:.66rem;border:3px solid #28242f;border-radius:2rem;padding:.2rem .85rem .25rem;position:relative}.tags span:hover{background:linear-gradient(90deg,#ff8a00,#e52e71);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-color:#fff}@keyframes clip{0%{height:30px;width:30px}to{height:40px;width:40px}}nav{padding:0;height:auto;display:flex;align-items:center;background-color:var(--c-dark);flex-direction:row;align-content:center;justify-content:inherit;flex-wrap:nowrap}nav *{z-index:5}nav ul{white-space:pre-line;padding:0;border:unset;display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:0;align-content:space-between;justify-content:center;align-items:stretch;justify-items:stretch}nav ul li{display:flex;justify-content:center;transition:background-color 1s ease;flex-direction:row;align-content:space-between}nav ul li a{display:flex;justify-content:center;align-items:center;text-align:center;filter:grayscale(100%) opacity(.7);align-content:center;flex-direction:row-reverse}nav ul li a:hover{filter:grayscale(0%) opacity(100%);transition:filter .8s ease}nav ul li a img{filter:invert(87%) sepia(85%) saturate(4982%) hue-rotate(162deg) brightness(105%) contrast(89%);color:var(--c-blank);margin:1em;height:20px}nav ul li a h1{margin:0}nav ul li:hover{background-color:var(--c-green);transition:background-color .3s ease}@media (max-width: 900px){nav ul li a h1{display:none}}main#Home{display:grid;flex-direction:column;align-content:center;justify-content:center;row-gap:3rem;height:100%;margin-inline:3rem}main#Home section{display:grid;grid-template-columns:7fr 3fr;text-align:left}main#Home h1{display:flex;justify-content:center;align-content:space-evenly;margin-inline:10rem;background-color:var(--c-red)}main#Home p{background-color:#8a003566;font-style:normal;font-family:var(--f-alt)}p:hover{color:#cffdff}