@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Kabel;src:url(/fonts/Kabel.woff2) format("woff2"),url(/fonts/Kabel.woff) format("woff"),url(/fonts/Kabel.ttf) format("truetype");font-weight:400;font-style:normal}:root{--saffron: #e6c229;--pumpkin: #f17105;--cardinal: #d11149;--electric-indigo: #6610f2;--tufts-blue: #1a8fe3;--raisin-black: #161925;--mint-cream: #f6fff8;--spacing: 20px;--small-spacing: 10px;--body-font: "Poppins", sans-serif;--header-font: "Kabel", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--mint-cream);font-family:var(--body-font)}body::-webkit-scrollbar{width:var(--small-spacing);background-color:var(--mint-cream)}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--mint-cream)}body::-webkit-scrollbar-thumb{background-color:var(--electric-indigo)}ul{list-style-type:none}a{color:inherit;text-decoration:none;transition:.5s ease-in-out}a:hover{color:var(--pumpkin)}h1,h2,h3,strong,#rankingPosition,#message{font-family:var(--header-font)}h1{width:100%;font-size:4em;padding:var(--small-spacing);text-transform:uppercase;line-height:1.2;letter-spacing:4px;color:var(--cardinal);text-align:center;box-shadow:#555bff 0 0 0 3px,#1fc11b 0 0 0 6px,#ffd913 0 0 0 9px,#ff9c55 0 0 0 12px,#f55 0 0 0 15px;text-shadow:var(--saffron) 2px 2px 0px,var(--cardinal) 4px 4px 0px}h2{width:100%;height:auto;font-size:3em;color:var(--mint-cream);text-transform:uppercase;text-align:center;text-shadow:3px 3px 3px rgb(0,0,0);line-height:1.2}h3{font-weight:700;font-size:1.5em;letter-spacing:1.5px}strong{text-transform:uppercase}select{width:150px;height:40px;background:#000000a6;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);border-radius:10px;font-family:inherit;border:5px ridge var(--electric-indigo);color:var(--mint-cream);text-align:center}header{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px;gap:50px;background-color:var(--raisin-black)}#logo{width:200px;height:auto}#opener{width:100%;height:auto;filter:grayscale(100%)}#subtitle{font-style:italic;font-weight:800;text-transform:uppercase;text-align:center}.modal-container{position:relative}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.modal{width:300px;background:#f5a62340;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);border-radius:10px;border:1px solid rgba(255,255,255,.18);padding:var(--spacing);gap:var(--small-spacing);display:flex;flex-direction:column;justify-content:center;align-items:center}.filter-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--small-spacing);margin-bottom:15px}.hidden{display:none}.btn{font-weight:500;letter-spacing:1.2px;border:none;border-radius:100px;display:flex;justify-content:center;align-items:center;background-color:var(--pumpkin);transition:.5s ease-in-out}.btn.primary{width:90px;height:90px;font-size:3em;cursor:pointer}.btn.primary:hover{background-color:var(--electric-indigo);rotate:1turn}.btn.secondary{width:150px;height:40px;font-size:1em;color:var(--raisin-black)}.btn.secondary:hover{background-color:var(--electric-indigo);color:var(--mint-cream)}main{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--spacing);gap:50px;background-color:var(--cardinal);border-top:4px double var(--mint-cream);border-bottom:4px double var(--mint-cream)}#hero{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing);gap:50px}#hero-image{width:80%;height:auto}#hero-description{text-align:justify}#artists{width:100%;height:auto;background-color:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--small-spacing);gap:var(--spacing);background-image:url(https://www.transparenttextures.com/patterns/green-dust-and-scratches.png)}#message{width:100%;height:auto;font-size:1em;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center;padding:0;gap:2px;flex-wrap:wrap}span{width:30px;height:30px;border-radius:50px;display:flex;justify-content:center;align-items:center}.space{display:inline-block;width:10px;height:auto;background-color:transparent}@media (min-width: 481px) and (max-width: 768px){#message{font-size:1.5em}span{width:40px;height:40px}}@media (min-width: 769px) and (max-width: 1024px){#message{font-size:1.5em}span{width:50px;height:50px}}@media (min-width: 1025px) and (max-width: 1280px){#message{font-size:2em}span{width:60px;height:60px}}@media (min-width: 1281px) and (max-width: 1920px){#message{font-size:2.5em}span{width:70px;height:70px}}@media (min-width: 1921px){#message{font-size:3em}span{width:80px;height:80px}}footer{width:100%;height:auto;text-align:center;padding:var(--spacing);background-color:var(--raisin-black)}footer>p{letter-spacing:1.5px;font-weight:500}.card{width:350px;height:auto;color:var(--raisin-black);border-radius:10px;background-color:var(--mint-cream);box-shadow:#000 0 0 0 5px inset,var(--pumpkin) -10px 10px inset,#000 10px 10px inset,#000 -10px -10px inset,var(--electric-indigo) 15px -15px inset;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;gap:var(--small-spacing);transition:.5s}#rankingPosition{background:url(/noise.png);width:100px;height:100px;border-radius:100px;border:6px double var(--electric-indigo);color:var(--mint-cream);font-size:3em;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--raisin-black);display:flex;justify-content:center;align-items:center}.profile{width:100%;height:auto;border:10px double var(--electric-indigo);background:url(/noise.png)}.profile>img{width:100%;height:auto;object-fit:cover;background:url(https://i.pinimg.com/736x/9b/2e/c5/9b2ec57792ddb57903021d20e16b99c9.jpg)}.stats{width:100%;height:auto;display:flex;justify-content:center;text-align:center;padding:var(--small-spacing)}.stats-one{width:50%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:5px double var(--raisin-black)}.stats-two{width:50%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-left:5px double var(--raisin-black)}.description{text-align:justify}.skill{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--small-spacing);gap:var(--spacing);text-align:center}.skill h3{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.skills{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--small-spacing)}.skills>li{width:30%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-image{width:70px;height:70px;border-radius:10px;border:3px solid var(--tufts-blue)}.skills>li>p{width:100%;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.card.skim:hover,.card.peruse:hover,.card.deep-dive:hover{background-color:var(--raisin-black);color:var(--mint-cream)}@media (max-width: 480px){.stats{padding:3px}.stats-one{border-right:2px double var(--raisin-black)}.stats-two{border-left:2px double var(--raisin-black)}.skills{flex-direction:column}.card{width:300px}}@media (min-width: 481px) and (max-width: 768px){.card{width:400px}}@media (min-width: 769px) and (max-width: 1024px){.card{width:500px}}@media (min-width: 1025px) and (max-width: 1280px){.card{width:600px}}@media (min-width: 1281px) and (max-width: 1920px){.card{width:700px}}@media (min-width: 1921px){.card{width:800px}}