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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cat-divider{align-items:center;background-color:initial;box-sizing:border-box;display:flex;justify-content:center;margin-top:-400px;padding:60px 0;width:100%}.catContainer{aspect-ratio:2/1;left:-60%;max-width:400px;min-width:200px;position:relative;top:-125px;width:30vw}@media (max-width:1320px){.catContainer{left:-80%;top:-160px}.cat-divider{margin-top:0}}@media (min-width:1250px) and (max-width:1320px){.catContainer{left:-80%;top:-125px}}@media (min-width:690px) and (max-width:1249px){.catContainer{left:-900px;top:-140px}}@media (min-width:200px) and (max-width:690px){.catContainer{left:-800px;top:-220px}}.catColor{background-color:#242424}.catHead{border-radius:55% 55% 50% 50%;box-shadow:0 4px 8px -6px #111;height:130px;margin-left:718px;margin-top:200px;width:170px;z-index:2}.catEar,.catHead{position:absolute}.catEar{border-radius:80% 0 55% 50%/55% 0 80% 50%;height:100px;width:80px;z-index:1}.catLeftEar{margin-left:717px;margin-top:173px;transform:rotate(-45deg)}.catRightEar{margin-left:820px;margin-top:175px;transform:rotate(20deg)}.catInsideEar{background:#c88;border-radius:80% 0 55% 50%/55% 0 80% 50%;height:100px;width:60px;z-index:1}.catLeftInsideEar{margin-left:12px;margin-top:6px}.catRightInsideEar{margin-left:10px;margin-top:6px}.catEye{background-color:#e6e6e6;border-radius:60%;height:50px;margin-top:32px;position:absolute;width:62px;z-index:3}.catLeftEye{margin-left:17px}.catRightEye{margin-left:93px}.eyelid{animation:blink 6s ease-in-out infinite;animation-delay:7s;border-radius:100% 100% 10% 10%;height:60%;margin-top:-5%;position:absolute;width:100%;z-index:10}@keyframes blink{1%{height:60%}2%{height:80%}3%{height:100%}4%{height:80%}5%{height:60%}to{height:60%}}.pupil{background-color:#222;border-radius:50%;height:35px;margin-left:20px;margin-top:3px;width:20px;z-index:5}.catBody{border-radius:50%/80% 80% 50% 50%;height:110px;margin-left:712px;margin-top:276px;position:absolute;width:185px;z-index:1}.catFoot{border-radius:100% 100% 70% 70%;box-shadow:-2px -4px 10px -6px #000;height:28%;margin-top:43%;position:absolute;width:30%;z-index:10}.leftFoot{animation:step 9s ease-in-out infinite;animation-delay:7.4s;margin-left:8%}.rightFoot{animation:step 9s ease-in-out infinite;animation-delay:8s;margin-left:60%}@keyframes step{1%{transform:translateY(-1px)}2%{transform:translateY(-2px)}3%{transform:translateY(-3px)}4%{transform:translateY(-2px)}5%{transform:translateY(-1px)}6%{transform:translateY(0)}to{transform:translateY(0)}}.catTail{margin-left:870px;margin-top:352px;position:absolute;transform:rotate(-10deg)}.catTail span{animation:tailWave 3s ease-in-out infinite;border-radius:50px;height:30px;position:absolute;width:30px}.catTail span:nth-child(2){animation-delay:.2s;left:5px}.catTail span:nth-child(3){animation-delay:.4s;left:10px}.catTail span:nth-child(4){animation-delay:.6s;left:15px}.catTail span:nth-child(5){animation-delay:.8s;left:20px}.catTail span:nth-child(6){animation-delay:1s;left:25px}.catTail span:nth-child(7){animation-delay:1.2s;left:30px}.catTail span:nth-child(8){animation-delay:1.4s;left:35px}.catTail span:nth-child(9){animation-delay:1.6s;left:40px}.catTail span:nth-child(10){animation-delay:1.8s;left:45px}.catTail span:nth-child(11){animation-delay:2s;left:50px}.catTail span:nth-child(12){animation-delay:2.2s;left:55px}.catTail span:nth-child(13){animation-delay:2.4s;left:60px}.catTail span:nth-child(14){animation-delay:2.6s;left:65px}.catTail span:nth-child(15){animation-delay:2.8s;left:70px}@keyframes tailWave{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.intro{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:10%}.big-intro-text{font-size:40px;font-weight:700;text-align:left}.highlight{color:#369bed}.icons{color:#2b2d3a;display:flex;font-size:100px;gap:10px;justify-content:center;list-style:none;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.icons li:hover{color:#369bed;cursor:pointer;scale:1.05}.small-intro-text{font-size:32px;font-weight:400}.intro-image img{height:auto;width:500px}.projects{align-items:center;background-color:#2b2d3a;color:#f9f9f9;display:flex;flex-direction:column}.projects-header{margin-bottom:30px;max-width:1000px;text-align:center;width:80%}.projects h1{font-size:42px;font-weight:700;margin-bottom:40px}.project-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding-bottom:2%}.project-box{align-items:center;background:#1e1f2b;border-radius:8px;box-shadow:0 4px 6px #0003;cursor:pointer;display:flex;flex-direction:column;max-width:500px;min-height:350px;padding:15px;text-align:center;transition:transform .2s ease-in-out;width:calc(30% - 20px)}.project-box:hover{transform:scale(1.05)}.project-image-wrapper{height:300px;position:relative;width:100%}.project-cover{border-radius:8px;display:block;height:300px;object-fit:cover;width:100%}.project-overlay{background:#0009;border-radius:0 0 8px 8px;bottom:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;left:0;padding:10px;position:absolute;width:100%}.project-tag{background-color:#3b3f58;border-radius:999px;color:#d0f0ff;font-size:15px;font-weight:500;padding:4px 10px;white-space:nowrap}.project-box p{font-size:32px;margin:10px 0}.experience{color:#1a1a1a;flex-direction:column;margin-left:auto;margin-right:auto;max-width:900px;padding:2% 10% 10%}.experience,.experience-entry{align-items:flex-start;display:flex}.experience-entry{border-radius:8px;gap:20px;padding:15px;position:relative;transition:background-color .2s ease-in-out;width:100%}.experience-entry:hover{background-color:#0000000d}.experience-logo{border-radius:8px;flex-shrink:0;height:80px;object-fit:contain;width:80px}.experience-time{align-items:center;color:#a0a0a0;display:flex;font-size:16px;font-weight:700;justify-content:flex-end;text-align:left}.experience-details{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.experience-details h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin-bottom:4px}.experience-details p{color:#333;font-size:16px;line-height:1.5;margin-bottom:10px;text-align:left}.experience-skills{display:flex;flex-wrap:wrap;gap:5px}.experience-skills span{background:#e0e0e0;border-radius:12px;color:#000;font-size:14px;font-weight:700;padding:6px 12px}.scroll-arrow{animation:bounce 1.5s infinite;bottom:10%;color:#369bed;cursor:pointer;font-size:40px;left:50%;position:absolute;transform:translateX(-50%)}.Resume-link{cursor:pointer;padding:2%}.Resume-link:hover{color:#369bed}@media (min-width:1570px) and (max-width:1800px){.scroll-arrow{bottom:13%}}@media (min-width:1370px) and (max-width:1569px){.scroll-arrow{bottom:15%}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@media (max-width:1370px){.scroll-arrow{display:none}}@media (max-width:600px){.mobile-intro{align-items:flex-start;display:flex;flex-direction:column;gap:15px;text-align:left}.big-intro-text{font-size:24px;margin-bottom:-25px}.intro-subtext{font-size:18px;font-weight:700;margin-top:-15px}.intro-image{display:flex;justify-content:center;margin-top:10px;width:100%}.intro-image img{border-radius:20%;height:300px;object-fit:cover;width:300px}.small-intro-text{font-size:16px;text-align:left}.icons{display:flex;font-size:24px;gap:10px;justify-content:center;margin-top:10px}.warning-text{display:block;margin-top:10px}.experience h1,.projects h1{font-size:26px}.project-container{align-items:center;gap:20px}.project-container,.projects{display:flex;flex-direction:column}.projects{align-items:flex-start;background-color:#2b2d3a;color:#f9f9f9}.projects h1{padding-left:5%}.project-box{background-color:#2b2d3a;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease-in-out;width:90vw}.project-box:hover{transform:scale(1)}.mobile-project-content{display:flex;flex-direction:column;gap:12px}.project-header{align-items:center;display:flex;gap:5px}.project-title{color:#fff;font-size:23px!important;font-weight:700}.project-desc{color:#d1d5db;font-size:14px!important;line-height:1.5;text-align:left}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.project-tag{background-color:#3b3f58;border-radius:999px;color:#d0f0ff;font-size:12px;font-weight:500;padding:4px 10px}.project-cover{border-radius:8px;height:auto;max-height:180px;object-fit:cover;width:100%}.experience-entry{align-items:center;gap:0;padding-bottom:20px;text-align:center}.experience-logo{height:50px;width:50px}.experience-entry{align-items:flex-start;flex-direction:column;padding:0}.experience-entry h2{font-size:19px;text-align:left}.experience-time{margin-bottom:-15px;margin-top:15px;position:static}.experience-logo{height:60px;margin-top:45px;width:60px}.experience-skills span{font-size:12px}.Resume-link{margin-top:5%}.footer{background-color:#2b2d3a;color:#fff;padding:4%}}@media (max-width:900px) and (min-width:601px){.project-box{max-width:400px;width:calc(45% - 20px)}}@media (max-width:1370px){.intro{align-items:center;flex-direction:column-reverse}.big-intro-text,.intro{text-align:left}}.warning-text{background-color:#ffeb3b;border-radius:4px;color:#333;display:inline-block;font-weight:700;padding:4px 8px}.footer{background-color:#2b2d3a;color:#fff;font-size:22px;padding:1%}.cat-credit-link{color:inherit;font-weight:700;text-decoration:none}.cat-credit-link:hover{color:#369bed;text-decoration:underline}body{background-color:#f9f9f9;margin:0;padding:0}.App{text-align:center}.bar{background-color:#f9f9f9;left:0;padding:0 20px;position:fixed;top:0;z-index:1000}.bar,.nav-container{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-container{font-size:25px;padding-left:9%;padding-right:5%}.nav-left{gap:3%;padding:0}.nav-left,.nav-right{display:flex;list-style:none}.nav-right{align-items:center;gap:20px;margin-left:auto}.nav-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:inherit;padding:5px 10px;white-space:nowrap}.nav-button:hover{color:#369bed}@media (max-width:1050px){.nav-container{font-size:22px;padding-left:0;padding-right:3%}}@media (min-width:768px){.hamburger{display:none}}@media (max-width:767px){.nav-container{display:none}.hamburger{background:none;border:none;color:#000;cursor:pointer;display:flex!important;font-size:50px!important;margin-left:auto;margin-right:20px;padding:2%}}.hamburger-icon{font-size:40px!important}.mobile-menu-overlay{align-items:center;background:#000000e6;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;list-style:none;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1100}.mobile-menu-overlay ul{list-style:none;padding-left:1%;text-align:center}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-item{background:none;border:none;color:#fff;cursor:pointer;font-size:38px;list-style:none;margin:20px 0;transition:color .2s ease-in-out}.mobile-menu-item:hover{color:#369bed}.close-menu{background:none;border:none;color:#fff;cursor:pointer;font-size:50px;position:absolute;right:20px;top:20px}.contact-popup{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0003;color:#000;left:50%;min-width:100%;opacity:0;padding:12px 20px;position:absolute;text-align:center;top:100%;transform:translateX(-50%) translateY(-5px);transition:transform .15s ease-in-out,opacity .15s ease-in-out;-webkit-user-select:text;user-select:text;visibility:hidden;white-space:nowrap;width:max-content;z-index:100}.contact-popup.visible{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}
/*# sourceMappingURL=main.9054a5da.css.map*/