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;margin:0;padding:0}@media (max-width:600px){*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:15px 10px}.content-container{padding:0 10px}.profile-img{height:120px;position:relative;width:120px}h2,h3{font-size:1.2rem}.name,.socials a,.socials p,.title,footer p,p,ul li{font-size:.9rem}.name{font-size:1.8rem}.title{font-size:1rem}}body{background-color:ivory;color:#2c2c2c;font-family:Poppins,sans-serif;line-height:1.6;padding:40px 20px;transition:background-color .7s ease,color .7s ease;-webkit-transition:background-color .7s ease,color .7s ease}.App{position:relative;z-index:1}@media (max-width:600px){body{padding:20px 10px}}.content-container{margin:0 auto;max-width:1100px;text-align:center}@media (max-width:600px){.content-container{padding:0 10px}.fade-section{font-size:.9rem;margin:15px auto;padding:20px 15px}.name{font-size:1.8rem}.title{font-size:1rem}.socials a,.socials p{font-size:.85rem}.profile-container{flex-direction:column;gap:15px;padding-bottom:10px;position:relative}.profile-img-wrapper-container{align-items:center;display:flex;justify-content:center;margin-bottom:45px}.profile-img-wrapper{cursor:pointer}.profile-img{height:120px;width:120px}}.App-header{align-items:center;display:flex;justify-content:center;margin-bottom:40px}@media (max-width:600px){.App-header{margin-bottom:30px;padding:0 10px}}.profile-container{align-items:center;display:flex;gap:20px;justify-content:center;perspective:1000px}.profile-img{border:3px solid #2c2c2c;border-radius:50%;height:150px;object-fit:cover;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .5s,background-color .7s ease,color .7s ease,border-color .7s ease;-webkit-transition:-webkit-transform .5s,background-color .7s ease,color .7s ease,border-color .7s ease;width:150px}.profile-img img,.profile-img-content{border-radius:50%;height:100%;transition:background-color .7s ease,color .7s ease,border-color .7s ease;width:100%}.profile-img.flipped{transform:rotateY(180deg)}.name-container{text-align:left}.name{color:#2c2c2c;font-size:2.5rem;font-weight:700;transition:background-color .7s ease,color .7s ease,border-color .7s ease}@media (max-width:600px){.name{font-size:2rem;text-align:center}}.title{color:#2c2c2c;font-size:1.3rem;margin-top:5px;text-align:left;transition:background-color .7s ease,color .7s ease,border-color .7s ease}@media (max-width:600px){.title{text-align:center}}.extra-info{color:#2c2c2c;margin-top:.5rem;transition:background-color .7s ease,color .7s ease,border-color .7s ease}@media (max-width:600px){.extra-info{font-size:.8rem;text-align:center}}.socials{display:inline-block;margin-top:10px;text-align:left;white-space:nowrap}@media (max-width:600px){.socials{-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:center;white-space:nowrap;width:100%}.socials p{display:inline-block;font-size:.7rem;white-space:nowrap}.socials a{font-size:.7rem;padding:0 2px}}.separator,.socials p{color:#2c2c2c}.socials p{font-size:1rem;transition:background-color .7s ease,color .7s ease,border-color .7s ease}.socials a{color:#2c2c2c;text-decoration:none;transition:transform .3s ease,color .7s ease,background-color .7s ease,border-color .7s ease}.socials a:hover{color:#777;text-decoration:underline;transform:scale(1.1)}.fade-section,.project-section{background-color:#979797;border-radius:10px;box-shadow:0 4px 8px #000000e6;color:#e0e0e0;margin:20px auto;max-width:1100px;opacity:0;padding:25px;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,background-color .3s ease;width:100%}.fade-section:hover,.project-section:hover{background-color:#777;box-shadow:0 6px 12px #00000080;transform:scale(1.05)}@media (max-width:600px){.fade-section:hover,.project-section:hover{background-color:#979797!important;box-shadow:0 4px 8px #000000e6!important;transform:none!important}.project-section.expanded:hover{background-color:#5a5a5a!important}body.dark-mode .project-section.expanded:hover{background-color:#2a2a2a!important}}.fade-section:last-of-type{margin-bottom:15px}.project-section{margin-top:15px}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(30px)}h2{border-bottom:2px solid ivory;color:ivory}h2,h3{display:inline-block;font-size:1.75rem;margin-bottom:10px;padding-bottom:5px;transition:background-color .7s ease,color .7s ease,border-color .7s ease}h3{border-bottom:3px solid #2c2c2c;color:#2c2c2c;margin-top:0;padding-top:150px}@media (max-width:600px){h3{font-size:1.3rem;margin-bottom:20px;padding-top:80px}}p,ul{color:ivory;font-size:1rem;text-align:left;transition:background-color .7s ease,color .7s ease,border-color .7s ease}ul{list-style-type:none;margin-top:10px}ul li{margin-bottom:8px;padding-left:20px;position:relative}ul li,ul li:before{transition:background-color .7s ease,color .7s ease,border-color .7s ease}ul li:before{color:#2c2c2c;content:"•";left:0;position:absolute}footer{align-items:center;display:flex;flex-direction:column;font-size:1rem;margin-top:40px;padding:20px 10px;text-align:center;transition:background-color .7s ease,color .7s ease,border-color .7s ease;width:100%}footer p{margin-bottom:10px}.footer-links,footer p{color:#2c2c2c;transition:background-color .7s ease,color .7s ease,border-color .7s ease}.footer-links{flex-direction:column;font-size:1rem;gap:10px}.footer-links,.footer-links a{align-items:center;display:flex}.footer-links a{color:#2c2c2c;justify-content:center;min-height:44px;padding:8px 12px;text-decoration:none;transition:color .7s ease,background-color .7s ease,border-color .7s ease}.footer-links a:hover{color:#777;text-decoration:underline}@media (max-width:600px){footer{margin-top:30px;padding:30px 15px}.footer-links{gap:12px}.footer-links a{font-size:.95rem;padding:10px 15px}}html{background-color:ivory;scroll-behavior:smooth}html,html.dark-mode{transition:background-color .7s ease}html.dark-mode{background-color:#111!important}body,html{max-width:100vw;overflow-x:hidden;width:100%}@media (max-width:600px){.App,body,html{overflow-x:hidden;position:relative;width:100%}}::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}body,html{-ms-overflow-style:none!important;scrollbar-width:none!important}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none!important}.easter-egg-link{display:none}.background-shapes{left:0;min-height:200vh;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:600px){.background-shapes{min-height:300vh}.background-shape.diamond,.background-shape.star{border-width:7px;height:12px;width:12px}}.background-shape.star{border:9px solid ivory;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.background-shape.diamond,.background-shape.star{height:15px;opacity:.7;position:absolute;transition:transform .3s ease-out,background-color .7s ease,color .7s ease,border-color .7s ease;-webkit-transition:-webkit-transform .3s ease-out,background-color .7s ease,color .7s ease,border-color .7s ease;width:15px;will-change:transform}.background-shape.diamond{border:9px solid #2c2c2c;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.project-section{cursor:pointer;max-height:120px;overflow:hidden;padding:25px;transition:all .4s ease-in-out}.project-section:hover{background-color:#777;box-shadow:0 6px 12px #00000080}.project-section.expanded{background-color:#777;box-shadow:0 10px 20px #0009;max-height:800px;padding:40px 25px}.project-description,.project-details,.project-logo{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.project-section.expanded .project-description,.project-section.expanded .project-details,.project-section.expanded .project-logo{opacity:1;pointer-events:auto;transform:translateY(0)}.project-logo{border-radius:8px;height:auto;margin-top:10px;object-fit:contain;width:120px}@media (max-width:600px){.project-section{-webkit-tap-highlight-color:transparent;cursor:pointer;margin-top:10px;max-height:150px;padding:20px 15px}.project-section.expanded{background-color:#5a5a5a;max-height:1000px;padding:25px 20px}.project-section h2{font-size:1.1rem;margin-bottom:8px}.project-section p{font-size:.85rem;line-height:1.4}.project-section .project-logo{height:auto;margin-top:15px;max-width:80px;width:80px}.project-description,.project-details p{margin-bottom:8px}body.dark-mode .project-section.expanded{background-color:#2a2a2a}section h2{font-size:1.2rem;margin-bottom:12px}section ul li{margin-bottom:10px}section p,section ul li{font-size:.9rem;line-height:1.6}}.project-label{color:ivory;font-weight:600;letter-spacing:.5px}.dark-mode .project-label{color:#ff5a5f}.arrow-container{display:inline-block;margin-left:10px}@media (max-width:600px){.arrow-container{margin-left:5px}.arrow{border-width:0 2px 2px 0;height:10px;width:10px}}.arrow{animation:arrow-bounce 1s infinite;border:solid #2c2c2c;border-width:0 3px 3px 0;display:inline-block;height:12px;margin:0 2px;padding:2px;transform:rotate(45deg);transition:background-color .7s ease,color .7s ease,border-color .7s ease;width:12px}.arrow-left{transform:rotate(135deg)}.arrow-right{transform:rotate(-45deg)}@keyframes arrow-bounce{0%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-5px) rotate(45deg)}to{transform:translateY(0) rotate(45deg)}}.arrow-left{animation:arrow-bounce-left 1.5s infinite}.arrow-right{animation:arrow-bounce-right 1.5s infinite}@keyframes arrow-bounce-left{0%{transform:translateY(0) rotate(135deg)}50%{transform:translateY(-3px) rotate(135deg)}to{transform:translateY(0) rotate(135deg)}}@keyframes arrow-bounce-right{0%{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-3px) rotate(-45deg)}to{transform:translateY(0) rotate(-45deg)}}.progress-sidebar{height:100vh;left:0;position:fixed;top:0;width:10px;z-index:9999}.progress-indicator{background:linear-gradient(180deg,#2c2c2c,#777);border-radius:0 4px 4px 0;box-shadow:0 0 8px #c4c2c280,0 0 5px #838282cc,0 0 5px #78767699;transition:background .7s ease,box-shadow .7s ease;width:50%}@media (max-width:600px){.progress-sidebar{width:6px}.progress-indicator{border-radius:0 3px 3px 0;width:100%}}body.dark-mode{background-color:#111!important;color:#e0e0e0!important;transition:background-color .7s ease,color .7s ease}body.dark-mode::-webkit-scrollbar{display:none!important;width:0!important}@media (max-width:768px){body.dark-mode *,html.dark-mode *{transition-delay:0s!important}body.dark-mode,html.dark-mode{transition-duration:.7s!important}}body.dark-mode .fade-section,body.dark-mode .project-section{background-color:#2c2c2c;box-shadow:0 4px 8px #ffffff1a;color:#ff5a5f}body.dark-mode .project-section.expanded,body.dark-mode .project-section:hover{background-color:#3a3a3a}body.dark-mode h2,body.dark-mode h3{border-color:#ff5a5f!important;color:#ff5a5f!important}body.dark-mode .socials a,body.dark-mode footer p,body.dark-mode p,body.dark-mode ul li{color:#fff!important}.dark-mode ul li:before{color:#ff5a5f!important}body.dark-mode .footer-links a:hover,body.dark-mode .socials a:hover{color:#ff5a5f}body.dark-mode .arrow{border-color:#ff5a5f!important}body.dark-mode .progress-indicator{background:linear-gradient(180deg,#ff5a5f,#ff5a5f);box-shadow:0 0 8px #ffa5a580,0 0 5px #eb8282cc,0 0 5px #fd858599}body.dark-mode .name{color:#ff5a5f!important}body.dark-mode .title{color:#fff!important}body.dark-mode .socials p{color:#ff5a5f!important}body.dark-mode .extra-info{color:#fff!important}body.dark-mode .background-shape.star{border:9px solid #ff5a5f!important}body.dark-mode .profile-img{border:3px solid #ff5a5f!important}body.dark-mode .footer-links a{color:#fff;transition:color .3s ease}.map-container{align-items:center;background-color:#979797;border-radius:10px;box-shadow:0 4px 8px #000000e6;display:flex;justify-content:center;margin:15px auto 40px;max-width:1100px;opacity:0;overflow:hidden;padding:25px;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,background-color .3s ease}.map-container.fade-in{opacity:1;transform:translateY(0)}.map-container.fade-out{opacity:0;transform:translateY(30px)}.map-container.fade-in:hover{background-color:#777;box-shadow:0 6px 12px #00000080;transform:scale(1.05)}.map-container a,.map-container img{display:block;height:auto;margin:0 auto;max-width:100%}body.dark-mode .map-container{background-color:#2c2c2c;box-shadow:0 4px 8px #ffffff1a}body.dark-mode .map-container.fade-in:hover{background-color:#3a3a3a}@media (max-width:600px){.map-container{margin:15px 10px;padding:15px}.map-container.fade-in:hover{background-color:#979797!important;box-shadow:0 4px 8px #000000e6!important;transform:none!important}body.dark-mode .map-container.fade-in:hover{background-color:#2c2c2c!important}}body.dark-mode .background-shape.diamond{background-color:initial;opacity:0;transition:opacity .3s ease-out,background-color 1s ease-out}body.dark-mode .speech-bubble{background-color:#2c2c2c;color:#ff5a5f}body.dark-mode .speech-bubble:after{border-bottom-color:#2c2c2c}body.dark-mode .speech-bubble:hover{box-shadow:0 6px 8px #ff5a5f4d;transform:scale(1.05)}@media (max-width:600px){body.dark-mode .speech-bubble{background-color:#2c2c2c;color:#ff5a5f}body.dark-mode .speech-bubble:after{border-bottom-color:#2c2c2c}}.hover-highlight{color:ivory;text-decoration:none;transition:color .1s ease,-webkit-text-decoration .1s ease;transition:color .1s ease,text-decoration .1s ease;transition:color .1s ease,text-decoration .1s ease,-webkit-text-decoration .1s ease}.hover-highlight:hover{color:#e0e0e0;text-decoration:underline}.dark-mode .hover-highlight:hover{color:#ff5a5f}@media (max-width:600px){.hover-highlight{color:ivory;pointer-events:none;text-decoration:none}}.speech-bubble{animation:fadeIn .7s forwards;background-color:#979797;border-radius:20px;bottom:-10px;box-shadow:0 4px 6px #0000001a;color:ivory;cursor:pointer;display:none;font-size:14px;font-weight:500;left:-120px;padding:10px 20px;position:absolute;transition:transform .2s ease,box-shadow .2s ease,background-color .7s ease,color .7s ease;z-index:10}.speech-bubble:hover{box-shadow:0 6px 8px #00000026;transform:scale(1.05)}@media (max-width:768px){.profile-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.profile-img-wrapper-container{align-items:center;display:flex;justify-content:center;position:relative}.profile-img-wrapper{display:inline-block;position:relative}.speech-bubble{border-radius:15px;bottom:auto;font-size:11px;left:0;margin:0 auto;padding:8px 14px;position:absolute;right:0;top:126px;white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:10}.speech-bubble:after{border-bottom:8px solid #979797;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);transition:border-bottom-color .7s ease;width:0}}.speech-bubble.visible{display:block}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.back-to-top{align-items:center;background-color:#979797;border:none;border-radius:50px;bottom:40px;box-shadow:0 4px 12px #000000e6;color:ivory;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:10px;opacity:0;padding:15px 25px;pointer-events:none;position:fixed;right:40px;transform:translateY(100px);transition:opacity .3s ease,transform .3s ease,background-color .3s ease,box-shadow .3s ease,color .3s ease;z-index:1000}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{background-color:#777;box-shadow:0 6px 16px #00000080;transform:translateY(-3px)}.back-to-top:active{box-shadow:0 4px 12px #000000e6;transform:translateY(-1px)}body.dark-mode .back-to-top:active{box-shadow:0 4px 12px #ff5a5f4d}.arrow-up{font-size:1.5rem;line-height:1}.back-text{white-space:nowrap}body.dark-mode .back-to-top{background-color:#ff5a5f;color:#fff}body.dark-mode .back-to-top:hover{background-color:#ff7073;box-shadow:0 6px 16px #ff5a5f66}@media (max-width:600px){.back-to-top{bottom:20px;font-size:.9rem;gap:8px;padding:12px 20px;right:20px}.arrow-up{font-size:1.3rem}.back-text{font-size:.85rem}.back-to-top:hover{background-color:#979797;transform:translateY(0)}.back-to-top:active{background-color:#777;transform:scale(.95)}body.dark-mode .back-to-top:hover{background-color:#ff5a5f}body.dark-mode .back-to-top:active{background-color:#ff7073}}
/*# sourceMappingURL=main.5f3f7f3b.css.map*/