@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap";*{padding:0;margin:0}html{overflow-y:hidden;overflow-x:hidden;height:100%}body{overflow:auto;height:100%}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{scroll-behavior:smooth}.hero-container{padding-left:3rem;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;min-height:100vh}.header-text{color:#000;text-shadow:0 4px 4px rgba(0,0,0,.1);font-family:Roboto Condensed,sans-serif;font-size:130px;font-style:normal;font-weight:600;line-height:132px}.subtext{padding-left:4rem;color:#000;text-shadow:0 4px 4px rgba(0,0,0,.1);font-family:Roboto Condensed,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:132px}.navbar-container{position:sticky;top:2rem;z-index:1000;display:flex;justify-content:space-between;align-items:center;width:99%}.navbar{z-index:1000;background-color:#f8fff6;opacity:85%;filter:drop-shadow(0px 1px 4px rgba(0,0,0,.1));border-radius:100px;max-width:fit-content}.nav-item{color:#000;font-family:Roboto Condensed,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:normal;padding:clamp(1rem,1.5rem,1.5rem);border-radius:100px;position:relative}.navbar a{text-decoration:none}.navbar ul{align-items:center;justify-content:flex-end;list-style-type:none;display:flex;text-align:center;padding:1rem;overflow:hidden}.nav-item:hover{transition:all .4s ease-in-out;color:#3b4b50f5;opacity:.9}.nav-item:before{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#01254e,#89b479);border-radius:0;transition:all .5s ease-in-out}.nav-item:hover:before{width:100%;border-radius:50%}.home-button{color:#000;font-family:Roboto Condensed,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;padding:clamp(1rem,1.5rem,1.5rem);border-radius:100px;position:relative}.home-button:hover{transition:all .3s ease-in-out;opacity:60%;font-family:Roboto Condensed,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;padding:clamp(1rem,1.5rem,1.5rem);border-radius:100px;position:relative}.controller{z-index:1000;background-color:#d3d3d3;opacity:50%;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.1));border-radius:100px;max-width:fit-content;display:flex;position:fixed;bottom:8rem;left:50%;transform:translate(-50%)}.controller ul{text-decoration:none;align-items:center;list-style-type:none;display:flex;text-align:center;padding:1rem 3rem;overflow:hidden;gap:5rem}.controller-item:hover{transition:all .4s ease-in-out;color:#3b4b50f5}.controller-item:before{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#01254e,#89b479);border-radius:0;transition:all .5s ease-in-out}.controller-item:hover:before{width:100%;border-radius:50%}.coverFlow{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:80px;position:relative;padding:100px 0}.album,.albumCurrent{flex-shrink:0;text-align:center;justify-content:center}.album img{width:300px;height:auto;display:block}.albumCurrent img{width:700px;height:auto;display:block;padding-bottom:1rem}.albumTitle{color:#000;font-family:Roboto Condensed,sans-serif;font-size:50px;font-style:normal;font-weight:700;line-height:normal}.albumDescription{color:#000;font-family:Roboto Condensed,sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:normal}