@import"https://fonts.googleapis.com/css2?family=Nova+Oval&family=Nova+Round&display=swap";@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap";.css-16xl4zq-MuiTypography-root,.css-1miy0lu-MuiTypography-root{font-family:Nova Round,system-ui!important}html,body{margin:0;padding:0;overflow:hidden;height:100%;color:#333}#root{height:100%}.plain-text,p,.css-9j73qj-MuiInputBase-input-MuiInput-input,.css-1yrc8ca-MuiInputBase-input-MuiInput-input{font-family:Google Sans Code,monospace!important}h2{font-weight:600!important;font-family:Nova Oval,system-ui!important}h4{font-size:1.3vw!important;font-weight:400!important;font-family:Google Sans Code,monospace!important;color:gray}h5{font-weight:600!important;color:#eeee93;font-family:Google Sans Code,monospace!important}h6{font-weight:400!important;font-family:Google Sans Code,monospace!important;font-size:1rem!important}#about-me h2{text-shadow:1px 1px #85b9a8,-1px -1px #425c54;color:#40806c}#about-me .experience-container h2,#experience h2,#workflow h2{color:#202020;text-shadow:-1px -1px 1px #111,2px 2px 1px #363636,1px 1px 1px #111}#projects h2,#skills h2{text-shadow:1px 1px #44a886,-1px -1px #204e3e;color:#397160}#welcome h1{color:#202020;letter-spacing:.1em;text-shadow:-1px -1px 1px #111,2px 2px 1px #363636,1px 1px 1px #111;font-family:Nova Oval,system-ui!important;font-size:5vw!important;font-weight:600!important}#contact h2{letter-spacing:.1em;font-family:Nova Oval,system-ui!important;font-size:2.5em!important;font-weight:600!important;color:#e8e8e8;text-shadow:-1px -1px 1px #ffffff,2px 2px 1px #a5a2a2,1px 1px 1px #ffffff;padding:10px;border-radius:10px;box-shadow:-1px -1px 1px #939393,1px -1px 1px #939393,-1px 1px 1px #939393,1px 1px 1px #939393;border:7px solid #c6c6c6}.menu-item{display:flex;align-items:center;position:relative;font-family:Nova Oval,system-ui!important;font-weight:600!important;font-size:1em!important;color:#477a69;cursor:pointer}.menu-item:hover .menu-text{opacity:1;transform:translate(10px)}.menu-item>svg{filter:drop-shadow(-1px -1px 1px #2e2e2e) drop-shadow(1px 1px 1px #363636);transition:color .3s ease}.menu-item:hover>svg{color:#cdcdcd}.link-icon{color:#202020;filter:drop-shadow(-1px -1px 1px #111) drop-shadow(2px 2px 1px #363636)}.link-icon:hover{color:#a3a3a3;filter:drop-shadow(-1px -1px 1px #616161) drop-shadow(2px 2px 8px #818181)}.menu-text{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease;margin-left:8px;color:#d2d2d2;font-size:1.2em;text-shadow:-1px -1px 1px #111,1px 1px 1px #363636}.menu-item:hover .menu-text{text-shadow:inset -1px -1px 1px #fefefe,inset 1px 1px 1px #d2d2d2}.portrait-img{-webkit-clip-path:none!important}.fade-in{opacity:0;animation:fadeIn .5s forwards}.fade-out{opacity:1;animation:fadeOut .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.fade-in-bg{background-color:#2d2d2d}.fade-in-bg:hover{background-color:#4e4f4f;transition:background-color .3s ease-in-out}.fade-out-bg{background-color:#56ab91;animation:fadeOutBg 1s forwards}@keyframes fadeInBg{0%{background-color:#2d2d2d}to{background-color:#56ab91}}@keyframes fadeBg{0%{background-color:#56ab91}to{background-color:#2d2d2d}}.vertical-line-full{width:3px;cursor:grabbing;height:298px;background-color:#fff0;position:absolute;left:calc(50vw - 31px);top:23.8%;z-index:2;box-shadow:1px 1px 9px #111,-2px 0 4px #56ab91b5}#message-btn{font-weight:500!important;font-family:Nova Round,system-ui!important;background:#56ab91;text-transform:none;width:100%;height:50px;font-size:1rem}#message-btn:hover{color:#fff;background:#468b76}.css-5h82ro-MuiInputBase-root-MuiInput-root:before,.css-114bi6j-MuiInputBase-root-MuiInput-root:before{border-bottom:1px solid rgb(184 184 184)!important}.click-icon{animation:clickEffect 7s infinite;opacity:0;visibility:hidden}@keyframes clickEffect{0%,60%{opacity:0;visibility:hidden;transform:scale(1)}61%{opacity:1;visibility:visible}75%{transform:scale(1.2);opacity:.8}78%{transform:scale(1);opacity:1}79%,to{opacity:0;visibility:hidden;transform:scale(1)}}.about-me-container,.experience-container{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.about-me-container{height:100vh;box-sizing:border-box}.about-me-text-box{border-radius:12px;justify-content:center;color:#ededed;overflow-y:hidden;text-overflow:ellipsis;background:#448873;box-shadow:2px 2px #3fb38f,-2px -2px #397563,2px 0 #65c2a5;padding:20px;margin-top:50px}.skills-container h2{font-size:2.8rem!important;text-shadow:1px 1px #4b9c81,-1px -1px #4b9c81;color:#40806c}.toolbox-container{position:relative;background:#40806c;box-shadow:2px 2px #7ca597,-2px -2px #425c54;border-radius:6px;height:100%;width:100%;display:flex;padding:10px;gap:10px}.vertical-line-toolbox{width:2px;height:100%;background:#425c541a;position:absolute;left:50%;z-index:2;top:0}.toolbox-container p{font-family:Nova Round,system-ui!important;color:#ddd}.toolbox-icon{border-radius:50%;background-color:#c6c6c6;padding:3px;color:#40806c}.skill-box-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.skill-box-container{height:100vh;box-sizing:border-box}.skills-text-box{border-radius:12px;justify-content:center;color:#ededed;overflow-y:hidden;text-overflow:ellipsis;background:#448873;box-shadow:2px 2px #3fb38f,-2px -2px #397563,2px 0 #65c2a5;padding:20px;margin-top:50px}.experience-container{height:100vh;background-color:#2d2d2d;border-left:6px solid #c6c6c6;position:relative;transform:translate(100%);opacity:0;transition:transform 1s ease,opacity 1s ease}.experience-container.slide-in{transform:translate(0);opacity:1}.experience-container.slide-out{transform:translate(100%);opacity:0}.experience-list-container{display:block;max-height:510px;overflow-y:auto;padding:0 70px;scrollbar-width:none;-ms-overflow-style:none}.experience-list-container::-webkit-scrollbar{display:none}.list-item{height:190px;margin:30px 0;padding:15px;border-radius:8px;background-color:#202020;box-shadow:2px 2px 1px #353434,-2px -2px 1px #000;transition:all .1s ease-in-out;display:flex;justify-content:space-between;cursor:pointer;color:#fff;border:2px solid #56ab9200}.list-item:hover{box-shadow:1px 1px 3px #8a8a8a,-1px 1px 3px #828282,1px 0 3px #828282;border:2px solid #7bc5af}.list-item div{display:flex;align-items:start;justify-content:space-between}.list-item p{font-size:.8rem}.job-description-container{display:flex;flex-direction:column}.job-description-container h6{font-size:1.2rem!important;font-weight:700!important;line-height:1!important;text-align:start}.date{font-weight:700!important}.chip{font-family:Nova Round,system-ui!important;font-size:.9rem;font-weight:700;align-items:center!important;background-color:#54a98e!important;color:#eeec8d!important;box-shadow:1px 1px #7a9b92,-1px -1px #084233}.project-container{display:flex;position:relative;flex-wrap:wrap;flex-direction:column;height:100%;width:100%;padding:30px 60px 60px;justify-content:space-around;align-items:center;gap:20px}.box-container{position:absolute;height:650px;width:90vw;background:#ffffff80;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);z-index:10;border-radius:12px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.box-container-text{margin-top:10px!important;padding:10px;border-radius:10px;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);box-shadow:2px 2px #c2c2c2,-2px -2px #494949,2px 0 #c4c4c4}.project-item{position:relative;flex:1;height:190px;display:flex;justify-content:center;align-items:center;padding:20px;border-radius:8px;text-align:center;font-size:1.5rem;color:#fff;box-shadow:1px 1px 5px #0003;overflow:hidden;background-color:transparent;opacity:1;transition:all .3s ease;cursor:pointer}.projects-list-container{display:flex;flex:1;width:100%;gap:20px;height:100%}.project-container h5{width:100%;color:#fff}.project-item img{position:absolute;transition:transform .3s ease,top .3s ease,left .3s ease,opacity .3s ease;pointer-events:none;transform-origin:center}.can-hover{border:5px solid rgba(255,255,255,0)}.can-hover img{width:90%}.can-hover:hover{opacity:.8;border:5px solid white}.project-item img.fixed{position:fixed;top:45%;left:50%;height:10vw;transform:translate(-50%,-50%) scale(2);z-index:10}.skills-container{position:relative;width:100%;transform:translateY(-100%);opacity:0;transition:transform 1s ease,opacity 1s ease}.skills-container.slide-in{transform:translateY(0);opacity:1}.skills-container.slide-out{transform:translateY(-100%);opacity:0}.workflow-container{height:100vh;right:100%;width:100vw;background:linear-gradient(to bottom,#4b9c81,#3f8f72);border-left:6px solid #c6c6c6;position:fixed;transform:translate(100%);transition:transform 1s ease,opacity 1s ease}.workflow-text-container{margin:40px;background:#202020;padding:30px;border-radius:20px;box-shadow:2px 2px 1px #353434,-2px -2px 1px #000}.workflow-text{font-size:14px!important;color:#fff;line-height:1.6;font-family:Google Sans Code,monospace!important}.workflow-chip{background:#6dbba21f!important;color:#eafff7!important;border:1px solid rgba(109,187,162,.35)!important;font-family:Google Sans Code,monospace!important}.workflow-step{border-radius:14px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:1px 1px #00000059}.workflow-step-number{font-size:12px!important;opacity:.7;margin-bottom:6px!important;font-family:Google Sans Code,monospace!important;color:#fff}.workflow-step-text{font-size:13px!important;font-weight:600!important;font-family:Google Sans Code,monospace!important;color:#fff}@media (max-width: 1100px){.menu-item>svg,.link-icon>svg{height:.8em;width:.8em}.menu-text{font-size:.8em}}@media (max-width: 1024px){h4{font-size:1.05rem!important;line-height:1.5!important}#about-me h5{font-size:2.1rem!important}#about-me h6{font-size:1.2rem!important}#welcome h1{font-size:4rem!important}.experience-list-container{max-height:70vh}}@media (max-width: 600px){h4{font-size:1.4rem!important;line-height:1.2!important}#welcome h1{font-size:2.2rem!important;letter-spacing:.08em}.menu-text{font-size:.9em}.list-item{height:fit-content}.experience-list-container{max-height:70vh}#about-me h5{font-size:1.1rem!important}#about-me h6{font-size:1rem!important}.workflow-text{font-size:10px!important}}@media (min-width: 601px){.projects-list-container{align-items:stretch}.project-item{height:auto;width:100%;min-height:0}.can-hover img{width:90%;height:auto}}@media (max-width: 600px){.project-container{padding:14px 8px 22px!important}.project-item{width:100%;flex:none}.can-hover img{width:92%}}