@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{font-family:sans-serif;-webkit-user-select:none;user-select:none;scroll-behavior:smooth}html{scroll-behavior:smooth}:root{--mainbox-height: 444vw;--mainbox-3D-height-margin: -200vw;--mainbox-phone-height: 1666vw;--mainbox-phone-3D-height-margin: -400vw;--external-darker-orange: #BD5013;--alku-light-orange: #EC8C00;--alku-based-orange: #CB8011;--alku-light-blue: #55677A;--alku-dark-blue: #364B62;--alku-based-purple: #6B3DC1;--space-grey: #525E65;--bridge-grey: #4C4D4D;--light-terracota: #E7A97E;--ivory-white: #FFF7ED;--deep-brown: #594A3D;--hot-browny-grey: #8C8375;--deep-salmon: #D6724A;--mid-coal: #3C3C3C;--elephant-orange: #B78F30}body{margin:0;font-family:Montserrat,sans-serif;background-color:#fff}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--alku-based-orange);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loaderText{font-family:Orbitron,sans-serif;font-size:1.2vw;font-weight:500;margin-top:2vw;color:#fff}.loader-spinner{border:8px solid white;border-top:8px solid var(--alku-based-orange);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;z-index:9998;pointer-events:none}.mask-bar{flex:1;background:var(--alku-based-orange);transform:translateY(0);transition:transform 1.3s ease-in-out}body.loaded .bar1{transform:translateY(-100%);transition-delay:0s}body.loaded .bar2{transform:translateY(-200%);transition-delay:.15s}body.loaded .bar3{transform:translateY(-140%);transition-delay:.05s}body.loaded .bar4{transform:translateY(-250%);transition-delay:.2s}body.loaded .bar5{transform:translateY(-170%);transition-delay:.1s}body.loaded .bar6{transform:translateY(-190%);transition-delay:.12s}body.loaded .bar7{transform:translateY(-220%);transition-delay:.18s}body.loaded .bar8{transform:translateY(-160%);transition-delay:.06s}body.loaded .bar9{transform:translateY(-240%);transition-delay:.22s}body.loaded .bar10{transform:translateY(-180%);transition-delay:.08s}@keyframes slideUp1{to{transform:translateY(-110vh)}}@keyframes slideUp2{to{transform:translateY(-70vh)}}@keyframes slideUp3{to{transform:translateY(-130vh)}}@keyframes slideUp4{to{transform:translateY(-90vh)}}@keyframes slideUp5{to{transform:translateY(-150vh)}}#MainBox{display:flex;width:100%;height:var(--mainbox-height);flex-direction:column;background-color:#fff;position:relative}#canvasWrapperBox{position:relative;overflow:hidden;width:100%;height:53.89vw}.three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.introBox{position:relative;z-index:2;width:100%;height:100%}div.topIntroBox{display:flex;width:100%;height:50%;flex-direction:row}div.textIntroBox{display:flex;width:50%;height:100%}h1.introTitle1{z-index:3;font-family:Orbitron,sans-serif;margin-top:2vw;margin-left:3vw;font-weight:500;font-size:8vw;color:var(--alku-based-orange)}h2.introTitle2{z-index:3;font-family:Orbitron,sans-serif;margin-top:9.5vw;margin-left:-46.2vw;font-weight:500;font-size:8vw;color:var(--alku-based-orange)}div.smallIntroTextBox{display:flex;width:50vw;height:8vw;position:absolute;align-self:end}p.workText{z-index:3;font-family:Orbitron,sans-serif;font-weight:500;margin-top:.1vw;margin-left:3.7vw;font-size:1vw;color:var(--alku-based-orange)}p.ageText{z-index:3;font-family:Orbitron,sans-serif;font-weight:500;margin-top:.1vw;margin-left:28vw;font-size:1vw;color:var(--alku-based-orange)}div.profileBox{display:flex;width:50%;height:100%;justify-content:center;align-items:center}img.theoProfilePic{display:flex;width:15vw;height:15vw;margin-top:-2vw;border-radius:50%;object-fit:cover;z-index:3}div.bottomIntroBox{display:flex;width:100%;height:50%}#InternalMainBox{display:flex;width:100%;height:393vw;margin-top:-3vw;flex-direction:column}.burgerMenu{display:none}#navbarBox{display:flex;width:100%;height:3vw;position:sticky;top:0;z-index:10;flex-direction:row;background-color:transparent}.headerBoxShadow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 10px #000}.buttonBox{display:flex;width:100%;height:100%;margin-right:-2vw;justify-content:space-evenly;align-items:center}.navButton{display:flex;color:var(--alku-based-orange);font-weight:700;font-size:1vw;text-decoration:none;background:linear-gradient(to top,var(--external-darker-orange),var(--external-darker-orange) 10%,transparent 10.01%) no-repeat left bottom / 0 100%;transition:background-size .5s,color .5s ease}.navButton:hover{color:var(--external-darker-orange);background-size:100% 100%}#navbarBox.on-orange .navButton{color:#fff!important;background:linear-gradient(to top,white,white 10%,transparent 10.01%) no-repeat left bottom / 0 100%;transition:background-size .5s,color .5s ease}#navbarBox.on-orange .navButton:hover{color:#fff!important;background-size:100% 100%}.whoAmIBox{display:flex;width:100%;height:60vw;justify-content:center;align-items:center;background:#faebd7 url(/assets/handmade-paper-BL43pqiX.png)}.whoAmIInternalBox{display:flex;width:60%;height:60%;margin-top:-1vw;flex-direction:column}.wAIIntTopBox{display:flex;width:100%;height:50%;flex-direction:row}.wAIIntLeftTopBox{width:55%;height:100%}div.wAiProfilePicBackground{margin-top:1vw;margin-left:2vw;z-index:1;position:absolute;width:28vw;height:15vw;background-color:var(--alku-based-orange)}img.wAITheoProfilePic{margin-left:3vw;margin-top:2vw;width:28vw;height:15vw;z-index:2;position:absolute}.wAIIntRightTopBox{display:flex;width:45%;height:100%;justify-content:center;align-items:center}.whoAmITitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:7vw;text-align:center;color:var(--alku-based-orange)}.wAIIntBottomBox{display:flex;width:100%;height:50%}p.whoAmIText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-left:2vw;margin-right:2vw;color:var(--bridge-grey);text-align:justify}.highlightedWAIText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;color:var(--alku-based-orange)}div.projectBox{display:flex;width:100%;height:75vw;justify-content:center;align-items:center;background:linear-gradient(to top,var(--alku-light-blue),var(--alku-dark-blue))}div.internalProjectBox{display:flex;width:100%;height:68vw;margin-top:7%;flex-direction:column}div.projectTopBox{width:100%;height:35%}.carouselContainer{position:relative;width:100%;height:100%;overflow:hidden}.projectCarousel{display:flex;gap:3.5vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:1.8vw;scrollbar-width:none}.projectCarousel::-webkit-scrollbar{display:none}.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);font-size:8vw;background:none;color:#fff;border:none;cursor:pointer;z-index:2;padding:0;transition:transform .2s}.carouselArrow:hover{transform:translateY(-50%) scale(1.2)}.carouselArrow.left{left:1vw}.carouselArrow.right{right:1vw}div.projectCard{display:flex;height:20vw;min-width:15vw;max-width:15vw;align-items:center;border-radius:6px;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;flex-direction:column;background-color:var(--alku-light-blue)}div.projectCard:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}img.projectCardLogo{width:11vw;height:11vw;margin-top:1vw}div.projectInfo{width:100%;height:8vw;text-align:center}.projectInfo h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.2vw;margin-left:.2vw;margin-right:.2vw;color:#fff}.projectInfo p{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-top:-.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}div.projectBottomBox{display:flex;width:100%;height:65%;position:relative;overflow:hidden;justify-content:center;align-items:center;flex-direction:column;background-color:var(--alku-light-blue)}.myProjectsDefaultBox{display:flex;width:80%;height:100%;z-index:1;align-items:center;flex-direction:column;background-color:var(--alku-light-blue)}h2.myProjectsDefaultTitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:5vw;margin-top:1vw;color:var(--alku-based-orange)}p.myProjectsDefaultText{font-family:Orbitron,sans-serif;font-weight:500;font-size:.95vw;margin-top:-1vw;margin-left:3vw;margin-right:3vw;color:#fff;text-align:justify}.projectDetailBox{display:flex;width:100%;height:0;top:0;left:0;z-index:2;padding:0 3vw;position:absolute;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box;transition:height .5s ease;background-color:var(--alku-light-blue)}.projectBottomBox.open .projectDetailBox{height:100%}.projectDetailBox .detail-title{font-family:Orbitron,sans-serif;font-size:4vw;color:var(--alku-based-orange);margin:1vw 0}.projectDetailBox .detail-text{font-family:Orbitron,sans-serif;font-size:.95vw;font-weight:500;line-height:1.4;margin-left:10vw;margin-right:10vw;color:#fff;text-align:justify;margin-bottom:1.5vw}.projectDetailBox .detail-image{display:block;max-width:80%;margin:0 auto 2vw;border-radius:8px;box-shadow:0 4px 10px #0000004d}.projectDetailBox .detail-close{position:absolute;bottom:1.5vw;left:50%;transform:translate(-50%) rotate(-90deg);font-size:2.5vw;cursor:pointer;color:#fff;padding:.5vw 1vw;border-radius:2vw;line-height:1}.image-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.image-popup-overlay.visible{opacity:1;pointer-events:auto}.popup-carousel{position:relative;width:90vw;max-width:800px;overflow:hidden}.popup-slide{display:none;width:100%}.popup-slide.active{display:block}.popup-slide img{width:100%;border-radius:8px}.popup-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;background:none;color:#fff;border:none;cursor:pointer;z-index:2}.popup-arrow.left{left:1rem}.popup-arrow.right{right:1rem}.popup-close{position:absolute;top:1rem;right:1rem;font-size:3rem;color:#fff;cursor:pointer}.detail-action-buttons{display:flex;width:15vw;height:5vw;flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.detail-open-images{cursor:pointer}.detail-open-images img{width:4.25vw;height:4.25vw}.detail-github-link{display:inline-block}.detail-github-link img{width:3.9vw;height:3.9vw}div.degreeBox{display:flex;width:100%;height:70vw;justify-content:center;align-items:center;background-color:#66cdaa;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAMFBMVEUqKiosLCwuLi4xMTErKystLS0qKiopKSkpKSkzMzMpKSkoKCg3NzcoKCgrKysnJydKwFaoAAAAEHRSTlNcQDIqTjlVanEjY3gcf0eVx2e4NwAAAJNJREFUeAHt0SEKwmAAQOEHDrVYdEmTgwXBoCzZ9l9h8HeT2Wa1CUY9gc3qFTyBJ/EKij+DF7yAwfbVx+Nc5kBoVoUi5mugG2Kh+Ci5UtRJkFWKcctLpVi07ERFeUy6Nk/FaLIH+rflRhHmgwO7xz1XkA1Pvdd2Nq2VMQpjlDHqK0YZo4xRxihjFMYoMEb9/qP/ozcE1oO5SZysbgAAAABJRU5ErkJggg==)}div.internalDegreeBox{display:flex;width:56%;height:52%;flex-direction:column}div.topDegreeInBox,div.bottomDegreeInBox{display:flex;width:100%;height:50%;flex-direction:row;justify-content:space-around;align-items:center}div.degreeItemBox{display:flex;width:26vw;height:16vw;position:relative;flex-direction:row;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000026;cursor:pointer}div.degreeItemUpcomingBox{background-image:repeating-linear-gradient(45deg,rgba(200,200,200,.4) 0px,rgba(200,200,200,.4) 10px,transparent 10px,transparent 20px);background-size:300% 300%;animation:stripesAnim 3.2s linear infinite}@keyframes stripesAnim{0%{background-position:0 0}to{background-position:100% 100%}}div.degreeItemBox:nth-child(2){flex-direction:row-reverse}div.degreeItemLeftBox{display:flex;width:33%;height:100%;z-index:4;position:absolute;flex-direction:column;align-items:center;background-color:#cb801180}div.degreeItemLeftBox1{border-bottom-left-radius:16px;border-top-left-radius:16px}div.degreeItemLeftBox2{border-bottom-right-radius:16px;border-top-right-radius:16px}img.degreeIcon{width:5vw;height:5vw;margin-top:2.8vw}p.degreeYearText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2vw;margin-top:-.2vw;color:#f5f5f5;text-align:center}div.degreeItemRightBox{display:flex;width:60%;height:100%;flex-direction:column}div.degreeItemRightBox1{margin-left:36%}div.degreeItemRightBox2{margin-right:36%}p.degreeTitleText{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5vw;margin-top:3.5vw;color:#f5f5f5}p.placeText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1vw;margin-top:-1vw;color:#f5f5f5}p.placeTextMention{margin-top:-.5vw}p.mentionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1vw;margin-top:-1vw;color:var(--alku-based-orange);text-align:justify}div.workBox{display:flex;width:100%;height:75vw;justify-content:center;align-items:center;background:#faebd7 url(/assets/handmade-paper-BL43pqiX.png)}.internalWorkBox{display:flex;width:70%;height:45vw;align-items:center;justify-content:center}.workBoxCarouselContainer{position:relative;width:100%;height:100%;overflow:hidden}.workCarrousel{display:flex;gap:28.5vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:5.8vw;scrollbar-width:none}.workCarrousel::-webkit-scrollbar{display:none}.carouselWorkArrow{position:absolute;top:50%;transform:translateY(-50%);font-size:8vw;background:none;color:#fff;border:none;cursor:pointer;z-index:2;padding:0;transition:transform .2s}.carouselWorkArrow:hover{transform:translateY(-50%) scale(1.2)}.carouselWorkArrow.left{left:1vw}.carouselWorkArrow.right{right:1vw}div.workCard{display:flex;height:33vw;min-width:28vw;max-width:28vw;align-items:center;border-radius:15px;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;flex-direction:column;background-color:#f8f8ff}.workCard:nth-child(1){margin-left:16vw}.latestWorkCard{margin-right:16vw}p.latestWorkCardTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:2vw;margin-top:2.5vw;text-align:center;color:var(--deep-brown)}div.workCard:hover{cursor:text;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}div.workCardTopBox{display:flex;height:38%;width:100%;border-top-left-radius:15px;border-top-right-radius:15px;background-color:var(--light-terracota)}div.workCardLogoBox{display:flex;height:100%;width:50%;justify-content:center;align-items:center}img.workCardLogo{width:14vw;height:14vw}img.workCardOrtrosLogo{width:12vw;height:7vw}img.workCardITSystemsLogo{width:10vw;height:10vw}img.workCardTraxensLogo{width:10vw;height:11vw}img.workCardAlcineoLogo{width:10vw;height:9vw}div.workCardTitleBox{display:flex;height:100%;width:50%;flex-direction:column;align-items:center;text-align:center}p.companyTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:2.4vw;margin-top:2.5vw;color:var(--deep-brown)}p.jobPositionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:-2.5vw;color:var(--ivory-white)}p.jobDateText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:-1.5vw;color:var(--deep-brown)}div.workCardBottomBox{display:flex;height:62%;width:100%;flex-direction:column;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:var(--ivory-white)}div.workBottomTextBox{display:flex;height:80%;width:100%}div.workBottomLastTextBox{display:flex;flex-direction:column}p.workBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;text-align:justify;margin-top:1.3vw;margin-left:1.5vw;margin-right:1.5vw;color:var(--mid-coal)}p.lastWorkBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;text-align:center;margin-top:1.8vw;margin-left:2vw;margin-right:2vw;color:var(--mid-coal)}span.highlightedWorkText{font-family:Orbitron,sans-serif;font-weight:600;font-size:.95vw;color:var(--deep-salmon)}div.workBottomLinkBox{display:flex;height:20%;width:35%;align-self:flex-end;justify-content:space-evenly;align-items:center}img.workCardLinkImg{width:2.8vw;height:2.8vw;transition:transform .2s ease,color .2s ease}img.workCardLinkImg:hover{cursor:pointer;transform:scale(1.05)}.travelBox{display:flex;width:100%;height:80vw;flex-direction:column;justify-content:center;align-items:center;background:#66cdaa url(/assets/cartographer-DyUN9S9X.png)}.internalTravelBox{display:flex;width:100%;height:50vw;margin-top:-10vw;flex-direction:column;justify-content:center;align-items:center}.scene-container{width:100%}div#globeWindow{display:flex;width:100%;height:100%;z-index:1;justify-content:center;align-items:center}#globeWindow:hover{cursor:grab}#globeWindow:active{cursor:grabbing}p.travelBoxTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-4vw;margin-left:25vw;margin-right:25vw;z-index:3;text-align:center;color:var(--ivory-white)}.dots{display:inline-block}.dot{opacity:0;animation:dotStep 1.5s infinite}.dot:nth-child(1){animation:dot1 1.5s infinite}.dot:nth-child(2){animation:dot2 1.5s infinite}.dot:nth-child(3){animation:dot3 1.5s infinite}@keyframes dot1{0%,25%{opacity:1}25.01%,49.99%{opacity:1}50%,74.99%{opacity:1}75%,to{opacity:0}}@keyframes dot2{0%,24.99%{opacity:0}25%,49.99%{opacity:1}50%,74.99%{opacity:1}75%,to{opacity:0}}@keyframes dot3{0%,49.99%{opacity:0}50%,74.99%{opacity:1}75%,to{opacity:0}}div.flagBandBox{display:flex;width:100%;height:5vw;margin-top:-19vw;z-index:0;position:absolute;overflow:hidden;align-items:center;background-color:#faebd7}.flag-scroll{display:flex;align-items:center;animation:scroll 30s linear infinite;white-space:nowrap;font-size:4vw}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}footer{display:flex;width:100%;height:30vw;flex-direction:column;align-items:center;box-shadow:0 -2px 8px #00000080;background-color:var(--alku-based-orange)}.footerSloganBox{display:flex;width:100%;height:30%;align-items:center;justify-content:center}.footerSloganText{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.4vw;margin-top:3vw;text-align:center;color:var(--ivory-white)}.footerNetworkBox{display:flex;width:20%;height:25%;justify-content:space-evenly;align-items:center}a.footerNetworkLink{margin-top:7vw;z-index:2}img.footerNetworkLogo{width:3.5vw;height:3.5vw}img.footerNetworkMailLogo{width:4.5vw;height:4.5vw}img.footerNetworkLogo:hover{transform:scale(1.05);transition-duration:.2s}.footerCopyrightBox{display:flex;width:100%;height:10%;justify-content:center;align-items:center}p.footerCopyText{font-family:Orbitron,sans-serif;font-weight:lighter;font-size:.95vw;margin-top:.5vw;text-align:center;color:var(--ivory-white)}div.footerArrowUpBox{display:flex;width:100%;height:20%;justify-content:center;align-items:center}a.arrowUpButton{width:5vw;height:5vw;border-radius:50%;background-color:var(--ivory-white)}a.arrowUpButton:hover{cursor:pointer;transition-duration:.3s;background-color:#faebd7}.arrowUpImg{width:5vw;height:5vw}@media (max-width: 768px){.loaderText{font-size:4vw;margin-top:6vw;margin-left:20vw;margin-right:20vw;text-align:center}#MainBox{height:var(--mainbox-phone-height)}#canvasWrapperBox{height:216vw}.three-canvas{width:100%;height:100%}div.introBox{z-index:2}div.topIntroBox{flex-direction:column}div.textIntroBox{height:40%;width:100%;justify-content:center}h1.introTitle1{font-size:16.5vw;margin-top:-1vw;margin-left:-22vw}h2.introTitle2{font-size:16.5vw;margin-top:13vw;margin-left:-75vw}div.smallIntroTextBox{width:100vw}p.workText{font-size:4vw;margin-top:1vw;margin-left:3vw}p.ageText{font-size:4vw;margin-top:1vw;margin-left:25vw}div.profileBox{height:60%;width:100%}img.theoProfilePic{width:45vw;height:45vw}.burgerMenu{display:flex;justify-content:center;align-items:center;width:100%;height:15vw;font-size:8vw;color:var(--alku-based-orange);cursor:pointer;z-index:20}#navbarBox.on-orange .burgerMenu,#navbarBox.on-orange .navButton{color:#fff!important}#navbarBox.on-orange .navButton:hover{color:#fff!important;background-size:100% 100%}.buttonBox{display:flex;flex-direction:column;align-items:center;position:absolute;top:15vw;left:50%;transform:translate(-50%);width:40vw;height:55vw;background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 10px #000;border-radius:1vw;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.buttonBox.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(2vw)}.navButton{font-size:5vw;padding:1.8vw 0;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}#InternalMainBox{height:1465vw;margin-top:-15vw}#navbarBox{height:15vw}.whoAmIBox{height:260vw}.whoAmIInternalBox{width:92%;height:75%;margin-top:1vw}.wAIIntTopBox{flex-direction:column}.wAIIntLeftTopBox{display:flex;height:60%;width:100%;justify-content:center}div.wAiProfilePicBackground{width:85vw;height:52vw;margin-top:.1vw;margin-left:-3.5vw}img.wAITheoProfilePic{width:85vw;height:52vw;margin-top:3.5vw;margin-left:4vw}.wAIIntRightTopBox{height:40%;width:100%}.whoAmITitle{font-family:Orbitron,sans-serif;font-weight:500;font-size:15vw;margin-top:-.3vw;transform:scaleY(1.5);text-align:center;color:var(--alku-based-orange)}.wAIIntBottomBox{margin-top:-10vw}p.whoAmIText{font-size:3vw;margin-left:2vw;margin-right:2vw}.highlightedWAIText{font-size:3vw}div.projectBox{height:330vw}div.internalProjectBox{width:100%;height:310vw;margin-top:12%}div.projectTopBox{width:100%;height:28%}.projectCarousel{display:flex;gap:10vw;overflow-x:auto;scroll-behavior:smooth;align-items:center;padding:11vw;scrollbar-width:none}.carouselArrow{font-size:20vw}.carouselArrow.left{left:2vw}.carouselArrow.right{right:2vw}div.projectCard{height:65vw;min-width:53vw;max-width:53vw;border-radius:6px;box-shadow:0 4px 10px #0003}div.projectCard:nth-child(1){margin-left:15%}img.projectCardLogo{width:37vw;height:37vw;margin-top:3vw}div.projectInfo{width:100%;height:20vw}.projectInfo h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:3.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}.projectInfo p{font-family:Orbitron,sans-serif;font-weight:500;font-size:2.7vw;margin-top:-.6vw;margin-left:.2vw;margin-right:.2vw;color:#fff}div.projectBottomBox{height:72%}.myProjectsDefaultBox{width:80%}h2.myProjectsDefaultTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:10vw;margin-top:4vw;text-align:center;color:var(--alku-based-orange)}p.myProjectsDefaultText{font-family:Orbitron,sans-serif;font-weight:500;font-size:3vw;margin-top:-1vw;margin-left:1vw;margin-right:1vw;color:#fff;text-align:justify}.projectDetailBox .detail-title{font-family:Orbitron,sans-serif;font-weight:600;font-size:10vw;text-align:center;color:var(--alku-based-orange);margin-top:4vw}.projectDetailBox .detail-text{font-family:Orbitron,sans-serif;font-size:3vw;font-weight:500;line-height:1.4;color:#fff;text-align:justify;margin:6vw 8vw 1.5vw}.projectDetailBox .detail-image{display:block;max-width:80%;margin:0 auto 2vw;border-radius:8px;box-shadow:0 4px 10px #0000004d}.projectDetailBox .detail-close{position:absolute;bottom:3.5vw;left:50%;transform:translate(-50%) rotate(-90deg);font-size:13.5vw;cursor:pointer;color:#fff;padding:.5vw 1vw;border-radius:2vw;line-height:1}.detail-action-buttons{display:flex;width:55vw;height:15vw;margin-top:5vw;flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.detail-open-images{cursor:pointer}.detail-open-images img{width:12.25vw;height:12.25vw}.detail-github-link{display:inline-block}.detail-github-link img{width:11.9vw;height:11.9vw}div.degreeBox{width:100%;height:240vw}div.internalDegreeBox{width:97%;height:60%}div.topDegreeInBox,div.bottomDegreeInBox{display:flex;width:100%;height:50%;flex-direction:row;justify-content:space-around;align-items:center}div.degreeItemBox{display:flex;width:44vw;height:56vw;flex-direction:column}div.degreeItemBox:nth-child(1){margin-top:-30vw}div.degreeItemBox:nth-child(2){margin-top:35vw}div.degreeItemUpcomingBox{background-image:repeating-linear-gradient(45deg,rgba(200,200,200,.4) 0px,rgba(200,200,200,.4) 10px,transparent 10px,transparent 20px);background-size:300% 300%;animation:stripesAnim 3.2s linear infinite}@keyframes stripesAnim{0%{background-position:0 0}to{background-position:100% 100%}}div.degreeItemBox:nth-child(2){flex-direction:column}div.degreeItemLeftBox{display:flex;width:100%;height:33%;z-index:4;position:absolute;flex-direction:row;justify-content:space-around;background-color:#cb801180}div.degreeItemLeftBox1{border-bottom-left-radius:0;border-top-left-radius:16px;border-top-right-radius:16px}div.degreeItemLeftBox2{border-bottom-right-radius:0;border-top-right-radius:16px;border-top-left-radius:16px}img.degreeIcon{width:10vw;height:10vw;margin-top:0}p.degreeYearText{font-family:Orbitron,sans-serif;font-weight:600;font-size:5vw;margin-top:5vw}div.degreeItemRightBox{width:100%;height:67%;margin-top:43%}div.degreeItemRightBox1{margin-left:0}div.degreeItemRightBox2{margin-right:0}p.degreeTitleText{font-family:Orbitron,sans-serif;font-weight:700;font-size:4vw;margin-top:1.5vw;margin-left:2vw;color:#f5f5f5}p.placeText{font-family:Orbitron,sans-serif;font-weight:600;font-size:3vw;margin-top:-3vw;margin-left:2vw;color:#f5f5f5}p.placeTextMention{margin-top:-2vw}p.mentionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:3vw;margin-top:-3vw;margin-left:2vw;color:var(--alku-based-orange);text-align:justify}div.workBox{width:100%;height:240vw}.internalWorkBox{width:95%;height:150vw}.workCarrousel{gap:35vw;padding:25vw}.carouselWorkArrow{font-size:25vw;color:var(--light-terracota)}div.workCard{height:100vw;min-width:78vw;max-width:78vw}.workCard:nth-child(1){margin-left:-16.5vw}.latestWorkCard{margin-right:-16.5vw}p.latestWorkCardTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:6vw;margin-top:6.5vw;text-align:center;color:var(--deep-brown)}img.workCardLogo{width:14vw;height:14vw}img.workCardOrtrosLogo{width:35vw;height:20vw}img.workCardITSystemsLogo{width:30vw;height:30vw}img.workCardTraxensLogo{width:30vw;height:33vw}p.companyTitle{font-family:Orbitron,sans-serif;font-weight:700;font-size:6.7vw;margin-top:9vw;color:var(--deep-brown)}p.jobPositionText{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-6.5vw;color:var(--ivory-white)}p.jobDateText{font-family:Orbitron,sans-serif;font-weight:600;font-size:4vw;margin-top:-4vw;color:var(--deep-brown)}p.workBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;text-align:justify;margin-top:3vw;margin-left:4vw;margin-right:4vw;color:var(--mid-coal)}p.lastWorkBottomText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;text-align:center;margin-top:1.8vw;margin-left:2vw;margin-right:2vw;color:var(--mid-coal)}span.highlightedWorkText{font-family:Orbitron,sans-serif;font-weight:600;font-size:2.8vw;color:var(--deep-salmon)}img.workCardLinkImg{width:8vw;height:8vw}.travelBox{position:relative;width:100%;height:280vw}.internalTravelBox{display:flex;width:100%;height:190vw;margin-top:-40vw}div#globeWindow{width:100%;height:100%}div.travelBoxTransparentFilter{position:absolute;width:100%;height:100%;z-index:5}p.travelBoxTitle{font-family:Orbitron,sans-serif;font-weight:600;font-size:12vw;margin-top:-10vw;margin-left:5vw;margin-right:5vw;text-align:center;color:var(--ivory-white)}footer{width:100%;height:100vw}.footerSloganText{font-family:Orbitron,sans-serif;font-weight:600;font-size:5vw;margin-top:7vw;text-align:center;color:var(--ivory-white)}.footerNetworkBox{width:65%;height:25%}a.footerNetworkLink{margin-top:18vw}img.footerNetworkLogo{width:10.5vw;height:10.5vw}img.footerNetworkMailLogo{width:13.5vw;height:13.5vw}p.footerCopyText{font-family:Orbitron,sans-serif;font-weight:lighter;font-size:3.6vw;margin-top:10vw;text-align:center;color:var(--ivory-white)}a.arrowUpButton{width:18vw;height:18vw;border-radius:50%;background-color:var(--ivory-white)}.arrowUpImg{width:18vw;height:18vw}}