.navbar{position:fixed;background-color:#12124e;transition:width .2s ease;--transition-speed:600ms;z-index:1000}.navbar-nav{list-style:none;height:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:#fff;text-decoration:none;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.nav-link:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#1d140f;color:#fff}.nav-desc{display:none;margin-left:1rem}.svg-item{color:#ff7eee;transition:var(--transition-speed);width:clamp(1rem,2rem,2rem);margin:0 clamp(.5rem,1.5rem,1.5rem);flex-shrink:0}#svg-logo{color:#ff0;width:clamp(1.5rem,3rem,3rem);margin:0 clamp(.25rem,1rem,1rem)}@media only screen and (min-width:600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .nav-desc{display:inline;transition:opacity var(--transition-speed)}}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vw;height:5rem}.navbar-nav{flex-direction:row;justify-content:space-evenly}.nav-link{justify-content:center}.fun-link{display:none}}#fun{min-height:100vh;width:100%;display:flex;align-items:center;background:#3398db;flex-direction:column}.card-list{counter-reset:headings;display:flex;padding:3rem;justify-content:center}.card-list h2{counter-increment:headings}.card-list h2:before{content:counter(headings) ". "}.card{display:flex;position:relative;flex-direction:column;height:350px;width:400px;min-width:250px;padding:1.5rem;border-radius:16px;background:#00008b;box-shadow:-1rem 0 3rem #000;color:#fff;transition:.2s}.card:hover{transform:translateY(-1rem)}.card:hover~.card{transform:translateX(130px)}.card:not(:first-child){margin-left:-130px}@media only screen and (max-width:600px){.card{display:none}}.polygon-emoji{background:#ff0;-webkit-clip-path:polygon(84.64% -1.88%,115.63% 229px,53.03% 107.31%,-20.97% 78.79%,48.5% 48.75%,-19.06% 18.13%,42.81% -6.25%);clip-path:polygon(84.64% -1.88%,115.63% 229px,53.03% 107.31%,-20.97% 78.79%,48.5% 48.75%,-19.06% 18.13%,42.81% -6.25%);height:20rem;width:20rem;border-radius:100%}.blue-eye{background:#00008b;border-radius:100%;height:2rem;width:2rem;margin-left:6rem;margin-top:2rem}:root{--gray0:#fff;--gray1:#ccc;--gray2:#999;--gray3:#666;--gray4:#333;--blue:#00f;--purple:purple;--yellow:#ff0}.color-experiment{height:30vh;margin:3rem;width:50%;display:flex;justify-content:center;align-content:center;background:var(--bg);transition:background .5s ease-in-out,color 1s ease-in-out}.light{--bg:var(--gray1);--bg-nav:linear-gradient(90deg,var(--gray0),var(--gray2))}.dark{--bg:var(--gray4);--bg-nav:linear-gradient(90deg,var(--gray2),var(--gray4))}.dropdown{position:absolute;z-index:2;background:#00f;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:flex;align-items:center;justify-content:space-around;height:3rem;margin-top:2rem;padding:.5rem;box-shadow:0 .175em .5em rgba(2,8,20,.1);list-style:none;transition:opacity .15s ease-out}.dropdown-item button{padding:1rem 2rem;background:none;width:1fr;color:#fff;border:none}.dropdown-item button:hover{background:#00008b}
/*# sourceMappingURL=main.fe1117de.chunk.css.map */