@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";header{text-align:center;margin:3rem 0}header img{height:5rem;width:10rem;object-fit:cover}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#8964b0;font-family:Roboto Condensed,sans-serif}#core-concepts{padding:2rem;border-radius:6px;background-color:#140524;box-shadow:0 2px 8px #0006}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{width:10rem;text-align:center}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;color:#ebe7ef;background:radial-gradient(#280a48,#20043d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}main{width:90%;max-width:50rem;margin:auto}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#a18aba;transition:transform .4s ease,color .4s ease}main h2:hover{transform:translateY(-10px) rotate(-2deg);color:khaki}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:10px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .4s ease,transform .4s ease,box-shadow .4s ease;position:relative}#examples menu button:hover{background-color:#fff3;color:#ebe7ef;transform:translateY(-4px) scale(1.05);box-shadow:0 6px 12px #0009}#examples menu button:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background-color:#7925d34d;z-index:-1;transition:opacity .4s ease}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:10px;background-color:#2f1d43;box-shadow:0 4px 12px #00000080;transition:all .3s ease-in-out}#tab-content h3{margin:0}#tab-content code{font-size:1rem}img{max-width:100%;height:auto;transition:transform .4s ease,box-shadow .4s ease;border-radius:10px}img:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 8px 24px #00000080}