body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{box-sizing:border-box;color-scheme:dark;font-family:Iter,sans-serif}body,html{scroll-behavior:smooth}body{background-color:#111;color:#fff}a,button{-webkit-tap-highlight-color:transparent}a:active,a:focus,button:active,button:focus{background:none;box-shadow:none;outline:none}.App{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.light-mode *{color-scheme:light}.light-mode,.light-mode .card{color-scheme:light}.light-mode,.light-mode .card,.light-mode .mainCardBody{background-color:#fff;color:#000}.light-mode .carousel-container .arrow{filter:brightness(35%)}.light-mode .bottom-arrow-direction img{filter:brightness(10%)}.light-mode .popupContent{background-color:#fff}.light-mode .popupContent .closeButton{background-color:#01214b}.App .header{padding:10px;position:absolute;right:0;text-align:end}.header .switch{display:inline-block;height:34px;margin-bottom:20px;position:relative;width:60px}.header .switch input{height:0;opacity:0;width:0}.header .mode-icon{font-size:20px;margin-left:6px;margin-right:10px;transition:transform .3s ease,transform 1.4s ease;vertical-align:middle}.switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider{background-color:#00589f}input:checked+.slider:before{transform:translateX(26px)}.App .snap-section{box-sizing:border-box;height:100vh;overflow:hidden;padding:1rem;position:relative;scroll-snap-align:start}.App .mainText{animation:fadeSlideIn .5s ease-in;font-size:86px;margin-right:50px}.profile-links{display:flex;gap:18px;justify-content:start;margin-top:20px}.profile-links a{text-decoration:none}.profile-links .profile-button{align-items:center;animation:fadeSlideIn .8s ease-out forwards;animation-delay:.2s;background-color:#01214b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;gap:8px;opacity:0;padding:10px 18px;transition:background-color .3s ease,transform .3s ease}.profile-links .profile-button:hover{background-color:#00275a;transform:translateY(-2px)}.profile-links .profile-button .profile-icon{height:24px;width:24px}.profile-links .profile-button:active{opacity:.8}.bottom-arrow-direction{align-items:center;animation:bounce 2s ease-in-out infinite;border-radius:20px;bottom:30px;color:#fff;display:flex;flex-direction:column;left:50%;padding:10px 16px;position:fixed;transform:translateX(-50%);transition:opacity .3s ease;z-index:1000}.bottom-arrow-direction img{height:20px;width:20px}.bottom-arrow-direction.hidden{opacity:0}.App .mainText-section2{animation:fadeSlideIn .5s ease-in;font-size:34px;margin:2.5rem 0}.description{animation:fadeSlideIn .8s ease-out forwards;animation-delay:.3s;font-size:24px;margin-right:240px;margin-top:50px;opacity:0;text-align:justify}.description .title{font-size:26px}.parentDiv{position:relative}.Dino{bottom:0;position:absolute;right:0}.Dino img{height:100px;margin-right:1rem;padding:1rem;width:100px}.carousel-container{align-items:center;display:flex;overflow:hidden;position:relative;width:99%}.section2-main-content{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;transition:all .3s ease-in-out}.carousel-container .arrow{background-color:#0000;border:none;cursor:pointer;font-size:1.5rem;opacity:.8;padding:1rem;position:absolute;top:40%;z-index:10}.carousel-container .arrow.left{left:10px;transform:rotate(90deg)}.carousel-container .arrow.right{right:10px;transform:rotate(-90deg)}.carousel-container .arrow img{width:2rem}.section2-main-content::-webkit-scrollbar{display:none}.disabled-button{background:none;box-shadow:none;outline:none;pointer-events:none}.disabled-button:focus{outline:none}.disabled-button:active{background:none}.snap-section .Publication{background-color:#74747411;border-radius:5px;display:flex;flex-direction:column;height:16rem;justify-content:flex-start;margin-top:10px;padding:1rem;transition:.4s;width:50vw}.snap-section .Publication a{margin:25px 0;width:-webkit-fit-content;width:fit-content}.snap-section .Publication .publication-button{background-color:#01214b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 45px;transition:.3s}.snap-section .Publication .publication-button:hover{opacity:.85}.snap-section .Publication .publication-button:active{opacity:.7}.snap-section .Publication .pub-p{font-size:22px;font-weight:600;margin-right:0;margin-top:25px;padding:10px 0 8px}.snap-section .sub-title{font-size:30px;font-weight:700;margin-bottom:10px;margin-top:20px}.snap-section .Publication:hover{background-color:#7474743c}.snap-section .courses{background-color:#74747411;border-radius:8px;display:flex;margin-bottom:1vh;margin-top:2vh;padding:10px;transition:.4s;width:-webkit-fit-content;width:fit-content}.snap-section .courses::-webkit-scrollbar{display:none}.snap-section .courses .courses-item{height:-webkit-fit-content;height:fit-content;max-height:15rem;max-width:26vw;padding:10px}.snap-section .courses:hover{background-color:#7474743c}.Game-addition{bottom:0;opacity:.44;right:1%}.Game-addition,.Game-addition-2{overflow-x:hidden;position:fixed}.Game-addition-2{bottom:-2%;opacity:.38;right:-2%;transform:rotate(-10deg);width:30rem}@keyframes bounce{0%{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}to{transform:translate(-50%)}}@keyframes fadeSlideIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:940px){.App .mainText{font-size:40px;margin-right:60px;margin-top:50px}.App .mainText-section2{font-size:40px;margin-right:60px;margin-top:20px}.snap-section{padding:20px}.header .mode-icon{font-size:14px;margin-left:4px;margin-right:0}.switch{height:25px;width:45px}.slider:before{bottom:3px;height:19px;left:3px;width:19px}.header .mode-icon img{margin-top:7.5px}input:checked+.slider:before{transform:translateX(20px)}.profile-links .profile-button{font-size:18px;padding:10px 16px}.profile-links .profile-button .profile-icon{height:20px;width:20px}.description{font-size:18px;margin-right:10px;margin-top:20px}.description .title{font-size:22px}.Dino img{height:60px;margin-right:.5rem;padding:10px;width:60px}.carousel-container .arrow img{width:0}.carousel-container{flex-direction:column;height:74vh}.section2-main-content{flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.carousel-container .arrow.left{left:50%;top:10px;transform:rotate(0deg) translateX(-50%)}.carousel-container .arrow.right{bottom:10px;left:50%;top:auto;transform:rotate(180deg) translateX(-50%)}.carousel-container .arrow button:active{background-color:#000}.snap-section .Publication{height:15.5rem;width:94vw}.snap-section .Publication .pub-p{font-size:20px}.snap-section .sub-title{font-size:28px}.snap-section .Publication .publication-button{padding:12px 35px}.Game-addition-2{width:0}.Game-addition{opacity:.25}.snap-section .courses{flex-direction:column;height:50vh;overflow-x:hidden;overflow-y:scroll;padding:10px}.snap-section .courses .courses-item{height:-webkit-fit-content;height:fit-content;max-height:25rem;max-width:24rem}}@media screen and (max-width:690px){.snap-section .Publication{height:14rem;width:80vw}.snap-section .sub-title{font-size:24px}.snap-section .Publication .pub-p{font-size:18px;margin-bottom:5px}.snap-section .Publication .publication-button{padding:10px 25px}.snap-section .courses{height:44vh}.snap-section .courses .courses-item{height:-webkit-fit-content;height:fit-content;max-height:24rem;max-width:22rem}}@media screen and (max-width:440px){.snap-section .Publication{height:-webkit-fit-content;height:fit-content;padding:10px;width:80vw}.snap-section .courses .courses-item{max-height:-webkit-fit-content;max-height:fit-content;max-width:80vw}}.Card .mainCardBody{background-color:#74747411;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:26rem;justify-content:center;padding:1rem 2rem;transition:.4s;width:30rem}.Card .mainCardBody:hover{background-color:#7474743c}.Card .mainCardBody:active{opacity:.9}.Card .mainCardBody .card-title,.popup .popupContent .card-title{font-size:22px;font-weight:700;height:10%}.Card .mainCardBody .card-description{display:-webkit-box;font-size:14px;height:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis}.Card .mainCardBody .card-media{height:50%;max-width:100%;width:-webkit-fit-content;width:fit-content}.Card .card-category,.popup .popupContent .card-title .card-category{font-size:16px;height:10%}.popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popupContent{align-items:flex-start;background-color:rgba(37,37,37,.827);border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin-bottom:20px;padding:2rem;text-align:justify;width:45rem}.closeButtonContainer{display:flex;justify-content:center;width:100%}.popup .popupContent .closeButton{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 3rem;text-align:center;transition:.3s}.popup .popupContent .card-media{max-width:80%;width:100%}.popup .popupContent .closeButton:hover{background-color:darkred}.popup .popupContent .card-media-container{display:flex;justify-content:space-around;width:100%}.popup .card-button{padding:0 1rem}.popup .card-button a{text-decoration:none}.popup .card-button .git-button{align-items:center;background-color:#00275a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;height:40px;justify-content:space-between;margin:10px 0;padding:10px 18px;transition:.4s;width:100%}.popup .card-button .git-button .profile-icon{width:21px}.popup .card-button .git-button:hover{background-color:#00275a;opacity:.9;transform:translateY(-2px)}.popup .card-button .git-button:active{opacity:.8}@media screen and (max-width:940px){.Card .mainCardBody{height:20rem;padding:5px 1rem;width:100%}.Card .mainCardBody .card-title{font-size:20px}.Card .mainCardBody .card-description{font-size:14px}.Card .mainCardBody .card-media{flex:3 1;height:-webkit-fit-content;height:fit-content;max-height:45%;max-width:90%;width:-webkit-fit-content;width:fit-content}.popupContent{padding:.8rem}.popup .popupContent .card-media{width:95%}.popup .popupContent .card-media-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.popup .card-button{display:flex;justify-content:space-around;padding:0;width:94%}.popup .card-button a{text-decoration:none}.popup .card-button .git-button{font-size:12px;margin:8px 0;width:100%}}.staggered-menu-wrapper{height:100%;position:relative;width:100%;z-index:40}.staggered-menu-wrapper.fixed-wrapper{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:40}.staggered-menu-header{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:2em;pointer-events:none;position:absolute;top:0;width:100%;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{align-items:center;display:flex;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;object-fit:contain;width:auto}.sm-toggle{align-items:center;background:#0000;border:none;color:#e9e9ef;cursor:pointer;display:inline-flex;font-weight:500;gap:.3rem;line-height:1;overflow:visible;position:relative}.sm-toggle:focus-visible{border-radius:4px;outline:2px solid #ffffffaa;outline-offset:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{display:inline-block;height:1em;min-width:auto;min-width:var(--sm-toggle-width,auto);overflow:hidden;position:relative;white-space:nowrap;width:auto;width:var(--sm-toggle-width,auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{align-items:center;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;position:relative;width:14px;will-change:transform}.sm-panel-itemWrap{line-height:1;overflow:hidden;position:relative}.sm-icon-line{background:currentColor;border-radius:2px;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:6em 2em 2em;position:absolute;right:0;top:0;width:clamp(260px,38vw,420px);z-index:10}[data-position=left] .staggered-menu-panel{left:0;right:auto}.sm-prelayers{bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:clamp(260px,38vw,420px);z-index:5}[data-position=left] .sm-prelayers{left:0;right:auto}.sm-prelayer{height:100%;position:absolute;right:0;top:0;transform:translateX(0);width:100%}.sm-panel-inner{flex:1 1;gap:1.25rem}.sm-panel-inner,.sm-socials{display:flex;flex-direction:column}.sm-socials{gap:.75rem;margin-top:auto;padding-top:2rem}.sm-socials-title{color:red;color:var(--sm-accent,red);font-size:1rem;font-weight:500;margin:0}.sm-socials-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid red;outline:2px solid var(--sm-accent,red);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{color:#111;display:inline-block;font-size:1.2rem;font-weight:500;padding:2px 0;position:relative;text-decoration:none;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:red;color:var(--sm-accent,red)}.sm-panel-title{color:#fff;font-size:1rem;font-weight:600;margin:0;text-transform:uppercase}.sm-panel-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.sm-panel-item{color:#000;cursor:pointer;display:inline-block;font-size:3.5rem;font-weight:600;letter-spacing:-2px;line-height:1;padding-right:1.4em;position:relative;text-decoration:none;text-transform:uppercase;transition:background .25s,color .25s}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible,.staggered-menu-panel .sm-socials-list .sm-socials-link:hover{opacity:1}.sm-panel-itemLabel{display:inline-block;transform-origin:50% 100%;will-change:transform}.sm-panel-item:hover{color:#5227ff;color:var(--sm-accent,#5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{color:#5227ff;color:var(--sm-accent,#5227ff);content:counter(smItem,decimal-leading-zero);counter-increment:smItem;font-size:18px;font-weight:400;letter-spacing:0;opacity:0;opacity:var(--sm-num-opacity,0);pointer-events:none;position:absolute;right:2.8em;top:.1em;-webkit-user-select:none;user-select:none}@media (max-width:1024px){.staggered-menu-panel{left:0;right:0;width:100%}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}@media (max-width:640px){.staggered-menu-panel{left:0;right:0;width:100%}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}
/*# sourceMappingURL=main.20579866.css.map*/