body{font-family:"Google Sans",sans-serif;height:100%;margin:0;padding:0;background:#fff}.background{position:fixed;background-size:cover;background:radial-gradient(ellipse at 50% 30%,#fff 0,#f4f7fb 55%,#e8eef7 100%);animation:background-drift 18s ease-in-out infinite alternate}.background-white{position:fixed;background-size:cover;background:#fff}.background-black{position:fixed;background-size:cover;background-color:#000}.panel{border-radius:20px;box-shadow:0 10px 30px rgba(0,83,156,.08);text-align:center;background-color:#fff}.logo-container{position:absolute;top:-15%;left:0;right:0;bottom:0;margin:auto;width:25%;min-width:300px;height:30%;z-index:100;animation:logo-enter 1.1s cubic-bezier(.22,1,.36,1) both,logo-float 6s ease-in-out 1.1s infinite}.logo-container:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(0,83,156,.18) 0,rgba(0,83,156,0) 70%);filter:blur(12px);z-index:-1;animation:logo-glow 4s ease-in-out infinite}.logo{width:60%;min-width:200px;height:100%}.swipe-up-container{left:0;right:0;bottom:1%;margin:auto;width:100%;cursor:pointer;animation:fade-up .9s cubic-bezier(.22,1,.36,1) .35s both;transition:transform .35s cubic-bezier(.22,1,.36,1)}.swipe-up-container:hover{transform:translateY(-4px)}.swipe-up{height:40px!important;animation:swipe-bounce 1.8s cubic-bezier(.22,1,.36,1) infinite}.swipe-up-container h3{margin:10px;text-align:center;color:#00539c;letter-spacing:.02em}.title{margin-top:2%;text-align:center;font-size:1.5rem;color:grey;margin-bottom:0;animation:title-drop .7s cubic-bezier(.22,1,.36,1) both;letter-spacing:.04em}.content-container{margin:1% 5%}.progress-bar-container{padding:5px 0 0;animation:fade-up .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0ms)}.progress-bar{animation:scale-width 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0ms);transform-origin:left center}.progress-bar-container svg{overflow:visible}.progress-bar-container svg text{animation:fade-in .5s ease-out both;animation-delay:calc(var(--enter-delay, 0ms) + .35s)}.project-container{border-radius:20px;padding:20px;box-shadow:0 .5rem 1rem rgba(0,0,0,.08);cursor:pointer;margin:25px 0;background-color:#fff;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background-color .35s ease;animation:card-enter .75s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0ms);will-change:transform}.project-description-container h3{color:#000;font-weight:700;margin:0}.project-description-container p{font-size:medium;width:75%;float:left;margin:20px 10px 20px 0;color:grey}.project-container img{border-radius:18px;float:right;width:15%;max-width:100px;min-width:50px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transition:transform .4s cubic-bezier(.22,1,.36,1)}.project-container:hover img{transform:scale(1.06) rotate(-2deg)}.project-labels{clear:both}.project-label{display:inline-block;margin-right:8px;margin-top:8px;margin-bottom:8px;padding:6px 10px;border-radius:20px;color:#fff;font-size:.8rem;clear:both;transition:transform .25s ease}.project-container:hover{background-color:#f5f8fc;transform:translateY(-6px);box-shadow:0 1.25rem 2rem rgba(0,83,156,.14)}.project-container:hover .project-label{transform:translateY(-1px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-width{0%{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes card-enter{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-drop{0%{opacity:0;transform:translateY(-10px);letter-spacing:.12em}to{opacity:1;transform:translateY(0);letter-spacing:.04em}}@keyframes logo-enter{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes logo-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes swipe-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes background-drift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(8deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media only screen and (min-width:1200px){body{margin-left:3rem;margin-right:3rem}.project-container:nth-child(2n){float:right}.project-container:nth-child(odd){float:left}.project-container{width:40%;height:200px}.project-description-container p{height:90px}.swipe-up-container{width:20%}}
/*# sourceMappingURL=main.8136ad9e.chunk.css.map */