body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;touch-action:none}#root{overflow:auto}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;color:#000;background:#fff}.timeline{position:fixed;width:100%;height:80px;display:flex;justify-content:center;text-align:center;bottom:0;transition:.25s ease;-webkit-transition:.25s ease}.point{width:6px;height:6px;border-radius:50%;border:3px solid rgba(0,0,0,.4);display:flex;flex-direction:column}.point-title{padding-top:1rem;font-size:.7rem;color:rgba(0,0,0,.5);transform:translateX(-.6rem)}.road{background-color:rgba(0,0,0,.4);width:40px;height:2px;margin:4.5px 0}.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:4.5%}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:9%}.w100{width:100px}.w110{width:12%}.get-in{mask-image:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.9));-webkit-mask-image:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.9))}.get-out{mask-image:linear-gradient(90deg,rgba(0,0,0,.9) 25%,transparent);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.9) 25%,transparent)}a{cursor:pointer;color:#fff}a,a:visited{text-decoration:none}.scale-down{transform:scale(.8)}@media only screen and (max-width:599px){.timeline{display:none}}.mobile-controls{position:absolute;bottom:0;left:0;width:100%;height:200px}.joystick,.mobile-controls{display:flex;align-items:center;justify-content:center}.joystick{background:hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:160px;height:160px;transition:all .35s ease}.joystick,.thumb{border-radius:50%}.thumb{background:rgba(10,10,10,.7);width:40px;height:40px;transform:translateZ(0)}.card-container{font-family:"Nunito",sans-serif;position:absolute;top:0;right:0;width:420px;height:100%;-webkit-user-select:none;display:flex;align-items:center;justify-content:center}.info-card{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:360px;border-radius:38px;box-shadow:0 30px 26px 2px rgba(0,0,0,.1);opacity:0;transform:translate3d(0,80px,0);transition:all .45s ease!important}.do-fade-in{animation:fade-in .6s ease-out forwards}.do-fade-out{animation:fade-out .3s ease forwards}.info-card h1{text-align:center;padding:1.2rem 2rem 0;margin:.6rem 0 0;font-size:1.3rem;font-weight:800}.info-card h2{font-size:.75rem;font-weight:600!important;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.5);letter-spacing:.1rem;padding:.2rem .4rem;margin:0;font-weight:800}.year{padding:1.2rem;margin:0;display:flex;justify-content:center;justify-items:center}.info-card p{padding:0 2rem .8rem;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-word}.info-card>span{padding:.2rem 2rem}@keyframes fade-in{0%{opacity:0;transform:translate3d(0,80px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0;transform:scale(1.2)}}.info-card .icon-container{height:auto;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.icon-container .icon{fill:rgba(0,0,0,.17);width:36px}.icon-container .keywords{width:84%;max-width:84%;display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:.8rem}.icon-container .keywords span{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7);height:12px;display:flex;padding:.5rem;margin:0 .2rem;align-items:center;justify-content:center;font-size:.8rem;border-radius:50px}.info-url{background:#000;padding:.8rem 1.3rem;border-radius:63px;font-size:.9rem;margin:1rem}.text-shine{background:linear-gradient(90deg,rgba(0,0,0,.15),#000,rgba(0,0,0,.1));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:200% auto;animation:textShine 3.5s linear infinite alternate}@keyframes textShine{Ø to{background-position:-200%}}@media only screen and (max-width:599px){.card-container{width:100%;align-items:flex-start}.info-card{width:95%;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-card h1{padding:0}}.info-path path{stroke:red;stroke-width:1.5;fill:transparent}.info-path{stroke-dasharray:70 70;stroke-dashoffset:70;opacity:1;margin-top:1.8rem;transform:scale(1.8);animation:dash 2s ease infinite}.animate-path{stroke-dasharray:1600;stroke-dashoffset:-1600;animation:animate-dash 1s ease-out forwards}.animate-path path{stroke-width:16;fill:transparent;stroke:rgba(0,0,0,.2)}.rotate-this{transform:rotateX(40deg)}.social-icons{border-top:1px solid rgba(0,0,0,.1);padding:1rem 0 .2rem;margin:.6rem 0 0}.social-icons svg{padding:0 1rem;transition:.25s ease}.social-icons svg:hover{transform:scale(1.1);opacity:.9;cursor:pointer}.github-icon{fill:#24292e}.dribbble-icon{fill:#ea4c89}.linkedin-icon{fill:#0277b5}@keyframes dash{0%{opacity:1}80%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-70}}@keyframes animate-dash{to{stroke-dashoffset:0}}.loading-page{position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:none}.loading-bar-container{width:160px;height:3px;background:#272727}.loading-bar{height:3px;border-radius:50px;background:#fff;transition:1s ease}.loading-data{display:inline-block;position:relative;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:1.8em;width:100%;text-align:right;color:#f0f0f0;font-size:.6em}.do-hide{animation:disappear .3s ease forwards}@keyframes disappear{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.c19eb303.chunk.css.map */