body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1bce69;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-ms-overflow-style:none;color:#000;font-size:16px;font-weight:400;letter-spacing:.01em;margin:0;scrollbar-width:none}::-webkit-scrollbar{display:none}a{text-decoration:none}.central-body{margin:auto;max-width:700px;padding-bottom:60px;padding-top:15vh;width:60vw}@media (max-width:968px){.central-body{padding-bottom:20px;padding-top:60px;width:90vw}}.link{color:#0600a3;text-decoration:underline}.small-img-container{height:25px;width:25px}.small-img-container img{max-height:100%;max-width:100%}.text-justify{text-align:justify}.App{overflow-x:hidden}header{background-color:#ff7f7a;box-shadow:0 -5px 20px 10px #da2525;display:flex;flex-direction:row;gap:40px;justify-content:center;padding-bottom:20px;padding-top:20px;position:fixed;top:0;transform-origin:50% 0;transition:transform 1s cubic-bezier(.17,1.02,.67,.98);width:100vw;z-index:999}.header-hide{transform:rotateX(90deg) skew(20deg,0)}.header-item{border-radius:6px;cursor:pointer;padding:4px;transition:background-color .15s ease-in-out}.header-item:hover{background-color:#54e3e3}.header-item-container{position:relative}.header-dropdown{background-color:#fff;border:1px solid #c2c2c2;border-radius:10px;box-shadow:0 0 10px;display:flex;flex-direction:column;gap:12px;height:20px;left:50%;opacity:0;overflow:hidden;padding:12px;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .4s ease-in-out,height .6s ease-in-out;width:200px;z-index:-10}.header-dropdown-container{height:23px;position:absolute;top:100%;width:100%}.header-dropdown-hover{opacity:1;z-index:1000}.header-dropdown-item{border-radius:6px;cursor:pointer;padding:4px;transition:background-color .15s ease-in-out}.header-dropdown-item:hover{background-color:#c2c2c2}.header-close{cursor:pointer;position:absolute;right:24px;top:24px}.header-close line{stroke:#000;stroke-width:2px;stroke-linecap:round}@media (max-width:968px){header{background-color:initial;box-shadow:none;display:block;height:0;padding-bottom:0;padding-top:0;position:-webkit-sticky;position:sticky;top:0;transform:none;z-index:999}.header-icon{align-items:center;border:2px solid #1f1f1f;border-radius:5px;display:flex;height:25px;justify-content:center;width:25px}.header-icon svg line{stroke:#000;stroke-width:2px}.header-icon-container{left:0;padding:20px;position:fixed;top:0;transform:translateY(0);transition:transform .4s linear;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-icon-container-hide{transform:translateY(-100%)}.header-menu{height:100vh;left:0;position:fixed;top:0;width:100vw}.header-menu-hide{display:none}.header-menu-container{background:#ff7f7a;border-radius:50%;height:100vw;left:50vw;overflow:hidden;position:fixed;top:50vh;transform:translate(-50%,-50%) scale(3);transition:transform .6s ease-in;width:100vw}.header-menu-container-hide{transform:translate(-90vw,calc(-50vh - 40vw)) scale(0)}.header-menu svg line{stroke:#000;stroke-width:3px;stroke-linecap:round}.header-menu-main,.header-menu-secondary{display:flex;flex-direction:column;gap:40px;justify-content:center;position:absolute;top:50%;transition:transform .3s linear;width:100%}.header-menu-main{transform:translateY(-50%)}.header-menu-main-shifted{transform:translate(-100%,-50%)}.header-menu-secondary{transform:translate(100%,-50%)}.header-menu-secondary-show{transform:translateY(-50%)}.header-menu-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;opacity:1;padding-left:24px;padding-right:24px;transition:opacity .3s ease-in-out}.header-menu-item-hide{opacity:0}.header-menu-item-text{font-size:30px;font-weight:550;transform:none;transition:transform .3s ease-in-out}.header-menu-item-text-hide{transform:rotate3d(1,1,1,45deg)}.header-menu-back{left:40px;transform:scaleX(-1)}.header-menu-back,.header-menu-close{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-menu-close{right:40px;transition:opacity .3s ease-in-out}.header-menu-close-hide{opacity:0}}.django-heroku-header{font-size:60px;font-weight:700}.django-heroku-banner{margin-left:50%;max-width:440px;transform:translateX(-50%);width:40vw}@media (max-width:968px){.django-heroku-banner{width:80vw}}.django-heroku-body{display:flex;flex-direction:column;gap:160vh;line-height:150%;padding-top:60px}.django-heroku-section{display:flex;flex-direction:column;gap:40px}.django-heroku-section-header{font-size:30px;font-weight:550}.django-heroku-section-body{display:flex;flex-direction:column;gap:24px}.django-heroku-section-body-img{margin:auto;width:85%}.django-heroku-section-body-img img{max-width:100%}.django-heroku-section-body-img p{color:#1f1f1f;font-size:12px;font-weight:400}@media (max-width:968px){.django-heroku-section-body-img{width:90%}}.stepper{display:flex;flex-direction:column;gap:24px;left:20px;position:fixed;top:100px;-webkit-user-select:none;user-select:none;width:0;z-index:10}@media (max-width:968px){.stepper{cursor:pointer;flex-direction:row;height:40px;left:auto;overflow:auto;right:0;top:0;width:calc(100vw - 68px)}.stepper-overflow{box-shadow:inset -13px 0 10px -15px}.stepper-scrolled{box-shadow:inset 10px 0 10px -15px}}.stepper-step{align-items:center;display:flex;flex-direction:row;gap:12px;z-index:-10}@media (min-width:968px){.stepper-step{height:21px;width:21px}}@media (max-width:968px){.stepper-step{flex-direction:column;flex-shrink:0;gap:4px}}.stepper-step-circle{background-color:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;flex-shrink:0;height:18px;transition:background-color .2s linear,border-color .2s linear;width:18px}@media (max-width:968px){.stepper-step-circle{background-color:#a71707;border:none;border-radius:0;height:5px;width:100%}}.stepper-step-text{font-size:12px;opacity:0;transition:opacity .2s linear;white-space:nowrap}@media (max-width:968px){.stepper-step-text{opacity:1;transition:transform .4s linear}.stepper-step-text-hide{transform:translateY(-200%)}}.stepper-step-active{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stepper-step-active .stepper-step-circle{background-color:#a71707}.stepper-step-active .stepper-step-text{opacity:1}.stepper-step-hover{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stepper-step-hover .stepper-step-circle{border:2px solid #ff7f7a}@media (max-width:968px){.stepper-step-hover .stepper-step-circle{border:none}}.stepper-step-hover .stepper-step-text{opacity:1}.home{display:flex;flex-direction:column;gap:20vh}.home-section-title{font-size:30px;font-weight:550;padding:100px 20vw 20px}@media (max-width:968px){.home-section-title{padding:20px 40px}}.landing-banner{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center;margin-top:20vh;width:100vw}@media (max-width:968px){.landing-banner{margin-top:10vh}}.landing-banner-images{height:50vh;max-height:650px;max-width:650px;position:relative;width:50vh}@media (max-width:968px){.landing-banner-images{height:80vw;width:80vw}}.landing-banner-image{-webkit-clip-path:circle(closest-side);clip-path:circle(closest-side);height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .3s cubic-bezier(.87,.12,.44,.44)}.landing-banner-image-not-circle{-webkit-clip-path:none;clip-path:none}.landing-banner-image-show{opacity:1}.landing-banner-text{align-items:center;display:flex;flex-direction:column;gap:30px}.landing-banner-text-top{font-size:30px}.landing-banner-text-bottom{font-size:60px;font-weight:700}@media (max-width:968px){.landing-banner-text-bottom{font-size:30px}}.landing-banner-techstacks{display:flex;flex-direction:column;gap:24px;justify-content:center}.landing-banner-techstacks-row{display:flex;flex-direction:row;gap:24px;width:65vw}.landing-banner-techstacks-row-name{flex-shrink:0;width:100px}.landing-banner-techstacks-row-techstacks{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}@media (max-width:968px){.landing-banner-techstacks-row{width:90vw}}.landing-banner-techstack{height:40px;width:40px}.landing-banner-techstack-anim-0{opacity:1;transition:opacity .3s linear;transition-delay:0s}.landing-banner-techstack-anim-1{opacity:1;transition:opacity .3s linear;transition-delay:.1s}.landing-banner-techstack-anim-2{opacity:1;transition:opacity .3s linear;transition-delay:.2s}.landing-banner-techstack-anim-3{opacity:1;transition:opacity .3s linear;transition-delay:.3s}.landing-banner-techstack-anim-4{opacity:1;transition:opacity .3s linear;transition-delay:.4s}.landing-banner-techstack-anim-5{opacity:1;transition:opacity .3s linear;transition-delay:.5s}.landing-banner-techstack-anim-6{opacity:1;transition:opacity .3s linear;transition-delay:.6s}.landing-banner-techstack-anim-7{opacity:1;transition:opacity .3s linear;transition-delay:.7s}.landing-banner-techstack-anim-8{opacity:1;transition:opacity .3s linear;transition-delay:.8s}.landing-banner-techstack-anim-9{opacity:1;transition:opacity .3s linear;transition-delay:.9s}.landing-banner-techstack-anim-10{opacity:1;transition:opacity .3s linear;transition-delay:1s}.landing-banner-techstack-anim-11{opacity:1;transition:opacity .3s linear;transition-delay:1.1s}.landing-banner-techstack-anim-12{opacity:1;transition:opacity .3s linear;transition-delay:1.2s}.landing-banner-techstack-anim-13{opacity:1;transition:opacity .3s linear;transition-delay:1.3s}.landing-banner-techstack-anim-14{opacity:1;transition:opacity .3s linear;transition-delay:1.4s}.landing-banner-techstack-anim-15{opacity:1;transition:opacity .3s linear;transition-delay:1.5s}.landing-banner-techstack-hide{opacity:0}.landing-banner-techstack img{max-height:100%;max-width:100%}.landing-banner-scroll-btn{cursor:pointer;font-size:16px;text-decoration:underline}.projects{height:120vh;position:relative;width:100vw}@media (max-width:968px){.projects{display:flex;flex-direction:column;gap:40px;height:auto;padding-bottom:60px}}.projects-container{background-color:#b568f7;display:flex;flex-direction:column;gap:24px}.projects-show-more{background:#54e3e3;border-radius:10px;cursor:pointer;font-size:24px;margin:auto;padding:24px}.project{background:#fff;border:2px solid #c2c2c2;border-radius:30px;display:flex;flex-direction:row;height:73%;left:12%;opacity:0;position:absolute;top:23%;transform:rotate(-30deg);transform-origin:80% 120%;transition:opacity .5s linear,transform .5s linear;width:85%;z-index:0}@media (max-width:968px){.project{flex-direction:column;height:auto;opacity:1;position:static;transform:none;transition:none;width:calc(100% - 4px)}}.project-arrow-left{left:12%}.project-arrow-left,.project-arrow-right{position:absolute;top:59.5%;translate:-50% -50%}.project-arrow-right{left:calc(97% + 4px)}.project-show{opacity:1;z-index:1}.project-static{transform:none}.project-panel{display:flex;flex-direction:column;justify-content:space-between;padding:40px}@media (max-width:968px){.project-panel{gap:24px;padding:24px}.project-panel:first-child{padding-bottom:0}}.project-left{width:35%}.project-right{align-items:end;width:65%}.project-title{font-size:30px;font-weight:550}.project-description{display:flex;flex-direction:column;gap:12px}.project-period{font-weight:550}.project-links{display:flex;flex-direction:column;gap:4px}.project-code{gap:12px}.project-code,.project-images{display:flex;flex-direction:row}.project-images{max-height:80%}.project-image{align-items:center;border:1px solid #000;display:flex;justify-content:center;max-height:50%}.project-image-main{max-height:100%;width:65%}.project-image-main img{max-height:100%;max-width:100%}.project-image-secondary{display:flex;flex-direction:column;max-height:100%;width:35%}.project-image-panel img{max-height:100%;max-width:100%}.project-deploy{display:flex;flex-direction:row;gap:24px}@media (max-width:968px){.project-deploy{flex-direction:column}}.project-deploy-links{display:flex;flex-direction:row;gap:24px}.project-deploy-link{align-items:center;display:flex;flex-direction:row;gap:4px}@media (max-width:968px){.project-deploy-link{background:#c2c2c2;border-radius:10px;padding:4px}}.project-mobile-images{border-radius:10px;box-shadow:0 0 5px #000;height:80vw;overflow:hidden;position:relative;width:80vw}.project-mobile-images-container{height:80vw;margin:auto;position:relative;width:80vw}.project-mobile-image{align-items:center;display:flex;height:80vw;justify-content:center;left:0;position:absolute;top:0;transform:none;transition:transform .3s linear;width:80vw}.project-mobile-image img{max-height:100%;max-width:100%}.project-mobile-image-arrow-left{left:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.project-mobile-image-arrow-right{left:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.project-mobile-image-shift-1{transform:translate(100%)}.project-mobile-image-shift-2{transform:translate(200%)}.project-mobile-image-shift--1{transform:translate(-100%)}.project-mobile-image-shift--2{transform:translate(-200%)}.project-techstacks{display:flex;flex-direction:row;gap:12px}.project-techstack{height:30px;width:30px}.project-techstack img{max-height:100%;max-width:100%}.awards{padding-bottom:40px}.awards,.awards-list{display:flex;flex-direction:column;gap:40px}.awards-list{margin:auto;max-width:850px;width:70vw}@media (max-width:968px){.awards-list{width:80vw}}.awards-showmore{align-self:center;background-color:#54e3e3;border-radius:10px;cursor:pointer;padding:24px;transition:background-color .1s linear;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.awards-showmore:hover{background-color:cyan}.award{align-items:center;display:flex;flex-direction:row;gap:15%}@media (max-width:968px){.award{flex-direction:column;gap:24px}}.award-image{height:300px;width:40%}@media (max-width:968px){.award-image{align-items:center;display:flex;justify-content:center;width:90%}}.award-image img{max-height:100%;max-width:100%}.award-text{display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateX(80px);transition:transform 1s cubic-bezier(.23,.38,.27,.99),opacity 1s cubic-bezier(.23,.38,.27,.99);width:45%}@media (max-width:968px){.award-text{width:100%}}.award-text-show{opacity:1;transform:none}.award-name{font-size:24px;font-weight:550}.award-details{display:flex;flex-direction:column;gap:12px}.award-detail{align-items:center;display:flex;flex-direction:row;gap:12px}.award-detail svg line{stroke:#000;stroke-width:1px}.award-detail-certificate{text-decoration:underline}.pagination-svg polygon{fill:#000}.pagination-arrow{background-color:#c8c8c8cc;border-radius:50%;cursor:pointer;height:40px;width:40px;z-index:10}.pagination-arrow svg{position:absolute;top:50%}.pagination-arrow-enabled{opacity:.6}.pagination-arrow-enabled:hover{opacity:1}.pagination-arrow-disabled{cursor:default;opacity:.3}.pagination-arrow-left svg{translate:120% -50%}.pagination-arrow-right svg{right:0;translate:-120% -50%}.matchminer{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:0}.matchminer-title{font-size:60px;font-weight:700;padding-bottom:40px;padding-top:40px;text-align:center;width:100%}.matchminer-video{align-self:center;height:100vh;width:100vw}@media (max-width:968px){.matchminer-video{display:flex;flex-direction:column;justify-content:center}}.matchminer-video iframe{height:100%;width:100%}@media (max-width:968px){.matchminer-video iframe{height:60vw}}.matchminer-available-platforms{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.matchminer-available-platforms-list{display:flex;flex-direction:row;gap:24px}.matchminer-available-platforms-item{background-color:#c2c2c2;border-radius:10px;display:flex;flex-direction:row;gap:12px;padding:4px}.matchminer-label{font-size:30px;font-weight:550}.matchminer-motivation{align-items:center;align-self:center;background-color:#000;display:flex;flex-direction:column;gap:40px;height:calc(100vh - 40px);padding-top:40px;-webkit-user-select:none;user-select:none;width:100vw}.matchminer-motivation *{color:#fff}.matchminer-motivation-body{display:flex;flex-direction:row;justify-content:space-between;max-width:750px;position:relative;width:60vw}.matchminer-motivation-body *{font-size:24px}.matchminer-motivation-list{display:flex;flex-direction:column;gap:24px;z-index:1}.matchminer-motivation-list-hide{opacity:0;z-index:0}.matchminer-motivation-list-container{position:relative;width:45%}@media (max-width:968px){.matchminer-motivation-list-container{left:0;position:absolute;top:0;width:100%}}.matchminer-motivation-list-detail{left:0;position:absolute;top:0}.matchminer-motivation-item{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:40px}@media (max-width:968px){.matchminer-motivation-item{height:auto;justify-content:space-between}}.matchminer-motivation-item-text{height:100%;padding-right:24px}.matchminer-motivation-arrow{flex-shrink:0}.matchminer-motivation-arrow line{stroke:#fff;stroke-width:2px;stroke-linecap:round}@media (max-width:968px){.matchminer-motivation-elaboration{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between}}.matchminer-motivation-back-icon{display:none}@media (max-width:968px){.matchminer-motivation-back-icon{display:block;left:-60px;position:absolute;top:0;transform:scaleX(-1)}.matchminer-motivation-back-icon-hide{opacity:0}}.matchminer-small-icon{transition:opacity .4s linear}.matchminer-small-icon line{stroke:#000;stroke-width:2px;stroke-linecap:round}.matchminer-techstack{align-self:center;background-color:#b568f7;min-height:calc(100vh - 80px);padding:40px;width:calc(100vw - 80px)}.matchminer-techstack-title{font-size:30px;padding-bottom:40px;text-align:center}.matchminer-techstack-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:60px}.matchminer-techstack-item{background-color:#fff;border:1px solid #c2c2c2;border-radius:10px;overflow:hidden;transition:height .4s cubic-bezier(.58,.15,.72,.96);width:300px}.matchminer-techstack-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:24px}.matchminer-techstack-item-icon{height:60px;width:60px}.matchminer-techstack-item-icon img{max-height:100%;max-width:100%}.matchminer-techstack-item-name{flex-grow:1;font-size:24px;text-align:center}.matchminer-techstack-item-text{border-top:1px solid #c2c2c2;padding:24px}.matchminer-techstack-icon{height:20px;position:relative;width:20px}.matchminer-techstack-icon .matchminer-small-icon{left:0;position:absolute;top:0}.tooltip{background:#ff7f7a;border:1px solid #fff;border-radius:10px;font-size:16px;padding:12px;position:fixed;z-index:1000}@media (max-width:968px){.tooltip{position:absolute}}.tooltip-arrow{position:fixed;transform-origin:0 10px}.tooltip-arrow polygon{fill:#ff7f7a}@media (max-width:968px){.tooltip-arrow{position:absolute}}.tooltip-container{flex-shrink:0;position:relative}.experience{margin:auto;max-width:900px;width:70vw}.experience-title{font-size:30px;font-weight:700;padding-bottom:40px;padding-left:40px;padding-top:100px}.experience-list{gap:40px}.experience-item,.experience-list{display:flex;flex-direction:column}.experience-item{gap:24px;transition:opacity 1s cubic-bezier(.25,.6,.33,.99)}.experience-item-hide{opacity:0}.experience-item-title{font-size:24px;font-weight:550}.experience-item-body{display:flex;flex-direction:row;gap:40px}@media (max-width:968px){.experience-item-body{align-items:center;flex-direction:column;gap:24px}}.experience-item-left{display:flex;flex-direction:column;flex-shrink:0;gap:24px;width:200px}.experience-item-photo{width:100%}.experience-item-photo img{max-width:100%}.experience-item-techstacks{display:flex;flex-direction:column;gap:12px}.experience-item-techstacks-row{display:flex;flex-direction:row;justify-content:space-between}.experience-item-techstack{height:50px;position:absolute;transition:transform .3s cubic-bezier(.24,.26,.59,.92);width:50px}.experience-item-techstack-container{height:50px;position:relative;width:50px}.experience-item-techstack img{max-height:100%;max-width:100%}.experience-item-techstack-left{transform:translateX(-10px)}.experience-item-techstack-right{transform:translateX(10px)}.experience-item-techstack-highlight{transform:scale(1.4)}.experience-item-details,.experience-item-projects{display:flex;flex-direction:column;gap:24px}.experience-item-projects-header{font-size:24px;text-align:center}.experience-item-projects-details{display:flex;flex-direction:row;gap:24px}@media (max-width:968px){.experience-item-projects-details{flex-direction:column}}.experience-project{display:flex;flex-direction:column;gap:24px}.experience-project-title{font-weight:700;text-align:center}.experience-project-details{display:flex;flex-direction:column;gap:12px}.activities{background-color:#b568f7;height:1000px;margin:auto;width:100vw}@media (max-width:968px){.activities{height:900px}}.activities-list{padding-top:12px;position:relative}.activities-dropdown{margin:auto;max-width:650px;width:50vw}@media (max-width:968px){.activities-dropdown{max-width:auto;padding-left:40px;width:auto}}.activities-activity{display:flex;flex-direction:column;gap:24px;padding:12px;position:absolute;transition:opacity .6s linear;z-index:1}.activities-activity-hide{opacity:0;z-index:0}.activities-activity-header{font-size:24px;font-weight:550}.activities-activity-body{display:flex;flex-direction:column;gap:24px;position:relative}.activities-activity-detail{display:flex;flex-direction:row;gap:12px}@media (max-width:968px){.activities-activity-detail{left:50%;position:absolute;transition:transform .4s linear,top .4s linear;width:100%}}.activities-activity-detail-bottom{-webkit-mask-image:linear-gradient(180deg,#000,#0000);mask-image:linear-gradient(180deg,#000,#0000);top:370px;transform:scale(.7) translateX(-71%)}.activities-activity-detail-top{-webkit-mask-image:linear-gradient(0deg,#000,#0000);mask-image:linear-gradient(0deg,#000,#0000);top:0;transform:scale(.7) translateX(-71%)}.activities-activity-detail-middle{top:190px;transform:translateX(-50%)}.activities-activity-detail-hide{opacity:0;z-index:-1}.activities-activity-detail-transition-disabled{transition:none}.activities-activity-image{flex-shrink:0;max-height:200px;width:200px}@media (max-width:968px){.activities-activity-image{max-height:150px;width:150px}}.activities-activity-image img{max-height:100%;max-width:100%}.dropdown-hover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-hover,.dropdown-hover-button{display:flex;flex-direction:row;gap:24px}.dropdown-hover-button{align-items:center;border:1px solid #0600a3;border-radius:10px;color:#0600a3;cursor:pointer;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px}.dropdown-hover-button svg{animation:hovering 1.2s;animation-iteration-count:infinite}@keyframes hovering{0%{transform:translateX(-80%)}50%{transform:translateX(20%)}to{transform:translateX(-80%)}}.dropdown-hover-button svg line{stroke-width:1px;stroke-linecap:round;animation:change-colour 1.2s;animation-iteration-count:infinite}@keyframes change-colour{0%{stroke:#0600a3}50%{stroke:#54e3e3}to{stroke:#0600a3}}.dropdown-hover-items{display:flex;flex-direction:row;gap:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-hover-item{border:1px solid #0000;border-radius:10px;color:#0600a3;cursor:pointer;padding:12px;transition:border-color .15s linear}.dropdown-hover-item:hover{border:1px solid #c2c2c2}.footer{background-color:#fff;display:flex;flex-direction:row;gap:60px;justify-content:center;padding:24px}@media (max-width:968px){.footer{flex-wrap:wrap;justify-content:flex-start}}.footer-column{display:flex;flex-direction:column;gap:24px}.footer-column-header{font-weight:550}.footer-column-items{display:flex;flex-direction:column;gap:12px}.footer-column-item{display:flex;flex-direction:row;gap:4px}.footer-column-item-icon{flex-shrink:0;height:25px;width:25px}.footer-column-item-icon img{max-height:100%;max-width:100%}.footer-column a.footer-column-header:hover,.footer-column a.footer-column-item:hover{text-decoration:underline}.dropdown-click{-webkit-user-select:none;user-select:none}.dropdown-click-button{align-items:center;background-color:#fff;border:1px solid #0600a3;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:24px;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-click-arrow{stroke:#000;stroke-width:1px;stroke-linecap:round;transition:transform .3s cubic-bezier(.05,.92,.31,.85)}.dropdown-click-arrow-inverted{transform:rotate(180deg)}.dropdown-click-items{background:#fff;border:1px solid #0600a3;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:absolute;transition:height .3s linear,border-color .3s cubic-bezier(1,0,1,0);z-index:10}.dropdown-click-items-container{position:relative}.dropdown-click-items-hide{border-color:#b568f7}.dropdown-click-item{cursor:pointer;padding:12px}.notfound{align-items:center;display:flex;flex-direction:column;gap:40px;height:90vh;justify-content:center;width:100vw}.notfound-message{font-size:30px;font-weight:700;max-width:80%}.image-modal{height:100vh;left:0;position:fixed;top:0;transition:background-color .3s cubic-bezier(.19,.47,.46,.76);width:100vw}.image-modal img{max-height:100%;max-width:100%;position:absolute;transform-origin:50% 50%;transition:height .3s cubic-bezier(.19,.47,.46,.76),width .3s cubic-bezier(.19,.47,.46,.76),top .3s cubic-bezier(.19,.47,.46,.76),left .3s cubic-bezier(.19,.47,.46,.76)}.text-modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background-color .3s cubic-bezier(.19,.47,.46,.76);width:100vw}.text-modal-window{background-color:#fff;border-radius:10px;max-height:70vh;max-width:700px;padding:24px;position:relative;white-space:pre-wrap}@media (max-width:968px){.text-modal-window{max-width:80vw}}.text-modal-content{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto}.text-modal-close{cursor:pointer;position:absolute;right:5px;top:5px}.text-modal-close svg line{stroke:#000;stroke-width:2px;stroke-linecap:round}.modules{align-items:center;display:flex;flex-direction:column;gap:40px;padding:120px 150px}@media (max-width:968px){.modules{padding:60px 40px}}.modules-title{font-size:30px;font-weight:700}.modules-body{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:space-between}.module{display:flex;flex-direction:column;gap:12px;width:40%}@media (max-width:968px){.module{width:100%}}.module-name{font-weight:550}.module-body{display:flex;flex-direction:column;gap:4px}.module-review{cursor:pointer;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tas{align-items:center;display:flex;flex-direction:column;gap:60px;padding:100px 0}.tas-title{font-size:30px;font-weight:700}@media (max-width:968px){.tas-title{padding:0 24px}}.tas-list{display:flex;flex-direction:column;gap:40px}.ta{align-items:center;background-color:#fff;border:2px solid #000;border-radius:30px;display:flex;flex-direction:row;gap:24px;max-width:80vw;padding:24px;transform-origin:30% 10%;transition:scale .5s cubic-bezier(.39,.1,.22,1)}@media (max-width:968px){.ta{flex-direction:column}}.ta-zoomed{scale:1.1}.ta-icon{align-items:center;border:2px solid #000;display:flex;flex-shrink:0;height:400px;justify-content:center;width:400px}.ta-icon img{max-height:100%;max-width:100%}@media (max-width:968px){.ta-icon{height:300px;width:300px}}.ta-data{gap:24px}.ta-data,.ta-data-title{display:flex;flex-direction:column}.ta-data-title{gap:12px}.ta-data-title-name{font-size:24px;font-weight:550}.ta-data-title-term{text-decoration:underline}.ta-data-details{display:flex;flex-direction:column;gap:24px}.ta-data-details-block{display:flex;flex-direction:column;gap:4px}.ta-data-details-block-item{align-items:center;display:flex;flex-direction:row;gap:12px}.ta-data-details-link{text-decoration:underline}.ta-data-details-topics{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 40px}.ta-data-details-topic{font-weight:550}.ta-bullet{background-color:#000;border-radius:50%;height:8px;width:8px}.css{align-items:center;display:flex;flex-direction:column;gap:40px;padding:100px 0}.css-title{font-size:60px;font-weight:700}@media (max-width:968px){.css-title{padding:24px}}.css-description{display:flex;flex-direction:column;gap:12px;width:60vw}@media (max-width:968px){.css-description{width:85vw}}.css-description-code-listing{display:flex;flex-direction:column;gap:4px}.css-page{background-color:#fff;height:100vh;width:100vw}.css-source{align-items:center;display:flex;flex-direction:column;gap:24px;width:70vw}@media (max-width:968px){.css-source{width:90vw}}.css-source-description{display:flex;flex-direction:column;gap:12px;width:60vw}.css-source-description div{text-align:justify}@media (max-width:968px){.css-source-description{width:85vw}}.css-source-block{display:flex;flex-direction:column;gap:40px;width:100%}.css-source-code{border-radius:10px;overflow:hidden}.css-source-code-header{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:4px 12px}.css-source-code-header-name{align-items:center;display:flex;flex-direction:row;gap:24px}.css-source-code-header-icon{transition:transform .3s linear}.css-source-code-header-icon-hide{transform:rotate(-90deg)}.css-source-code-header-control{align-items:center;display:flex;flex-direction:row;gap:12px}.css-source-code-header svg{cursor:pointer}.css-source-code-header svg line{stroke:#000;stroke-width:1px;stroke-linecap:round}.css-source-code-content{transition:height .3s cubic-bezier(.93,.01,.98,.24)}.css-source-code-content-hidden{transition:height .3s cubic-bezier(.04,.93,.35,.96)}.css-source-code-content *{font-size:12px}.css-source-code-content-icon{cursor:pointer}.css-source-code-content-icon line{stroke:#000;stroke-width:1px;stroke-linecap:round}.css-source-code-content-icon-hide{transform:rotate(-90deg)}.quack-nkn{align-items:center;display:flex;flex-direction:column;gap:40px;padding:100px 0}.quack-nkn-title{font-size:60px;font-weight:700}@media (max-width:968px){.quack-nkn-title{padding:24px}}.quack-nkn-landing{align-items:center;display:flex;flex-direction:column;gap:24px}.quack-nkn-landing-icon{width:500px}@media (max-width:968px){.quack-nkn-landing-icon{width:400px}}.quack-nkn-landing-icon img{max-width:100%}.quack-nkn-landing-links{display:flex;flex-direction:row;gap:60px}.quack-nkn-landing-link{align-items:center;background-color:#c2c2c2;border-radius:10px;display:flex;height:60px;justify-content:center;width:60px}.quack-nkn-landing-link img{max-height:50px;max-width:50px}.quack-nkn-details{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:80vw}@media (max-width:968px){.quack-nkn-details{flex-direction:column;gap:24px;width:90vw}}.quack-nkn-readme{display:flex;flex-direction:column;gap:24px;width:40%}@media (max-width:968px){.quack-nkn-readme{width:80vw}}.quack-nkn-readme-techstacks,.quack-nkn-readme-techstacks-list{display:flex;flex-direction:column;gap:24px}.quack-nkn-readme-techstacks-list-item{display:flex;flex-direction:column;gap:4px}.quack-nkn-readme-techstacks-list-item-label{background-color:#54e3e3;border-radius:6px;display:flex;flex-direction:row;gap:12px;padding:4px;transition:background-color .1s linear;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.quack-nkn-readme-techstacks-list-item-label:hover{background-color:#00c5c5}.quack-nkn-feedback{background-color:#fff;height:80vh;width:55%}@media (max-width:968px){.quack-nkn-feedback{width:100vw}}.quack-nkn-features-techstacks{display:flex;flex-direction:row;gap:24px;padding-left:40px}@media (max-width:968px){.quack-nkn-features-techstacks{flex-direction:column;padding-left:0}}.quack-nkn-features-block{border-radius:30px;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;justify-content:space-between;padding:40px;width:100vw}@media (max-width:968px){.quack-nkn-features-block{flex-direction:column;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.quack-nkn-features-static{background:#b568f7}.quack-nkn-features-static-container{width:100vw}.quack-nkn-features-dynamic{background:#a71707;z-index:1}.quack-nkn-features-dynamic-container{margin-top:-80px;position:relative;width:100vw}@media (max-width:968px){.quack-nkn-features-dynamic-container{margin-top:0}}.quack-nkn-features-text{display:flex;flex-direction:column;gap:60px;padding-top:60px;width:50%}@media (max-width:968px){.quack-nkn-features-text{align-items:flex-end;flex-direction:row;gap:40px;width:auto}}.quack-nkn-features-description{display:flex;flex-direction:column;gap:40px}.quack-nkn-features-description-title{font-size:30px;font-weight:550}.quack-nkn-features-description-details{display:flex;flex-direction:column;gap:24px}.quack-nkn-features-description-details ul{display:flex;flex-direction:column;gap:12px;padding-left:24px}.quack-nkn-features-video{max-height:80vh}@media (max-width:968px){.quack-nkn-features-pics{align-self:center}}.quack-nkn-features-pics-frame{max-height:80vh;max-width:90vw;position:absolute;z-index:2}.quack-nkn-features-pics-background{height:100vh;left:0;position:absolute;top:0;width:100vw}@media (max-width:968px){.quack-nkn-features-pics-background{bottom:0;top:auto}}.ultimate-tictactoe{align-items:center;display:flex;flex-direction:column;gap:40px;padding:100px 0}.ultimate-tictactoe-title{font-size:60px;font-weight:700}@media (max-width:968px){.ultimate-tictactoe-title{padding:24px}}.ultimate-tictactoe-terminal{background-color:#000;display:flex;flex-direction:column;gap:12px;padding:12px}.ultimate-tictactoe-terminal *{color:#fff;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ultimate-tictactoe-terminal-log{display:flex;flex-direction:column;gap:12px;height:30vw;max-width:800px;overflow-y:auto;width:60vw}@media (max-width:968px){.ultimate-tictactoe-terminal-log{height:40vw;width:80vw}}.ultimate-tictactoe-terminal-text{white-space:pre-wrap}.ultimate-tictactoe-terminal-input{align-items:center;display:flex;flex-direction:row;gap:12px}.ultimate-tictactoe-terminal-input input{background-color:#000;border:none;outline:none}