.info-icon-field{overflow:hidden;width:80%;margin:auto;height:40vh;position:relative;display:none;margin-bottom:7vh}.info-icon-field>div{z-index:-1;position:absolute;left:0;right:0;bottom:40px;opacity:0;animation:none;transform:scale(0) translate(0);transition:all .7s ease}.power-on>div{animation:infinite forwards ease-out;opacity:1}.info-switch{font-size:25px;margin-top:10px;margin-bottom:10px;opacity:.3;transition:all .7s ease}.power-on>.info-switch{opacity:1;filter:drop-shadow(0 0 3px var(--light)) drop-shadow(0 0 3px var(--light))}.info-laptop-icon{font-size:40px;transition:all 1.6s ease;position:relative;opacity:.3}.power-on>.info-laptop-icon{animation:beat 5s infinite linear;animation-delay:1s;filter:drop-shadow(0 -7px 10px);opacity:1}@keyframes beat{0%{transform:scale(1) translateY(0);opacity:1}3%{transform:scale(1.1) translateY(-2px)}10%{transform:scale(1) translateY(0)}20%{transform:scale(1) translateY(0);opacity:.7}25%{transform:scale(1.1) translateY(-2px)}28%{transform:scale(1) translateY(0)}37%{transform:scale(1.1) translateY(-2px)}40%{transform:scale(1) translateY(0)}56%{transform:scale(1) translateY(0)}60%{transform:scale(1.1) translateY(-2px);opacity:1}62%{transform:scale(1) translateY(0)}70%{transform:scale(1) translateY(0)}76%{transform:scale(1) translateY(0);opacity:.5}80%{transform:scale(1.1) translateY(-2px)}86%{transform:scale(1) translateY(0);opacity:1}92%{transform:scale(1) translateY(0)}94%{transform:scale(1.1) translateY(-2px)}96%{transform:scale(1) translateY(0)}}.power-on>div:nth-child(1){animation-duration:3s;animation-delay:.6s;animation-name:shot1}.power-on>div:nth-child(2){animation-duration:2.5s;animation-delay:.3s;animation-name:shot3}.power-on>div:nth-child(3){animation-duration:2s;animation-delay:1s;animation-name:shot2}.power-on>div:nth-child(4){animation-duration:2.8s;animation-delay:1.2s;animation-name:shot2}.power-on>div:nth-child(5){animation-duration:2s;animation-delay:.2s;animation-name:shot3}.power-on>div:nth-child(6){animation-duration:2.3s;animation-delay:.8s;animation-name:shot1}.power-on>div:nth-child(7){animation-duration:2.5s;animation-delay:1s;animation-name:shot4}.power-on>div:nth-child(8){animation-duration:2.9s;animation-delay:.4s;animation-name:shot4}@keyframes shot1{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(7vw,-20vh) rotate(180deg);opacity:0}}@keyframes shot2{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-9vw,-30vh) rotate(-270deg);opacity:0}}@keyframes shot3{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(14vw,-20vh) rotate(-30deg);opacity:0}}@keyframes shot4{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-12vw,-27vh) rotate(70deg);opacity:0}}#root{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:10px;text-align:center;font-family:Jura,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.porfolio{position:absolute;width:95vw;height:91vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--light);border:1px solid var(--mid-light);box-shadow:inset 0 0 20px 12px var(--shadow10);transition:all 1s ease}strong{font-weight:700}.video-wrapper{animation:appear 7s ease forwards}#bg-video{box-sizing:border-box;position:absolute;transition:all 1.8s ease;left:0;top:0;width:100%;height:100%;object-fit:cover;overflow:clip;z-index:-1}.theme-select{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;bottom:3vh;left:1vw;width:7vw;z-index:1}.theme-select>svg{transition:all 1s ease;cursor:pointer}.active-theme-button{opacity:.6;filter:drop-shadow(0 0 4px var(--mid-light)) drop-shadow(0 0 6px var(--mid-light)) drop-shadow(0 0 8px var(--mid-light))}.inactive-theme-button{opacity:.2;filter:drop-shadow(0 0 4px var(--mid-light)) drop-shadow(0 0 6px var(--mid-light)) drop-shadow(0 0 8px var(--mid-light))}.card{position:absolute;left:50px;top:30px;display:flex;flex-direction:row;align-items:center;justify-content:left;gap:40px;height:80px;width:400px}.card>h2{font-family:Noto Sans,sans-serif;font-weight:700;font-size:3em;margin:0;color:var(--green-light);transition:all 1s ease}.card>img{width:70px;padding:3px;border-radius:50%;border-bottom:7px solid var(--mid-dark);background-image:linear-gradient(to top,rgba(99,180,220,.1),var(--mid-light));opacity:.7}nav{display:flex;flex-direction:column;align-items:baseline;position:absolute;left:70px;top:120px}nav>a{color:var(--mid-light);text-decoration:none;transition:all .3s ease-in-out;font-size:18px}nav>a:hover{color:var(--light)}.active{letter-spacing:9px;color:var(--light);text-shadow:0 2px 7px var(--mid-light)}.info{position:absolute;margin-right:2vw;display:flex;flex-direction:column}.info>h3{margin:0;font-size:34px;transition:all 1s ease}.info>h3>strong{font-weight:600}.info>p{font-weight:300;font-size:21px;transition:all 1s ease;max-width:700px;margin-top:9px}.random-font{animation:reveal 1s forwards}@keyframes reveal{0%{opacity:0}to{opacity:1}}.skills{position:absolute}.skills-wrapper{display:flex;flex-direction:row;gap:50px}.skills-wrapper>div{position:relative;width:50px}.skills-wrapper>div>svg{width:50px;height:50px;filter:drop-shadow(0 3px 7px var(--mid-dark)) brightness(1);transition:all .4s ease-in-out;color:var(--green-light)}.skills-wrapper>div>svg:hover{filter:drop-shadow(0 10px 9px var(--mid-dark)) brightness(1.2);transform:translateY(-9px)}.skills-wrapper>div>svg:hover+span{opacity:1}.skills-wrapper>div>span{opacity:0;position:absolute;left:-25px;top:50px;width:100px;font-size:16px;text-align:center;color:var(--light);transition:all .4s ease-in-out}.projects-wrapper{box-sizing:border-box;width:50%;height:91%;position:fixed;overflow:scroll;display:flex;flex-direction:column;align-items:center;gap:50px;scrollbar-width:none}.projects-wrapper::-webkit-scrollbar{display:none}.projects-wrapper>a{text-decoration:none;width:90%}.project-card{position:relative;box-sizing:inherit;width:90%;padding:20px;display:flex;flex-direction:row;transition:all .3s ease-in-out;border-radius:7px;border-top:1px solid transparent;color:var(--light);filter:brightness(.9)}.project-card:hover{background-color:var(--shadow10);box-shadow:0 7px 30px 1px var(--dark);border-top:1px solid var(--shadow30);filter:brightness(1.1)}.project-card:hover svg{animation:point .4s 2}.project-card:hover img{opacity:1;transform:scale(1)}.project-card>svg{position:absolute;height:20px;width:20px;right:30px;top:30px}.project-card>img{opacity:.2;transform:scale(.7) translate(3vw);transition:all .7s ease;margin:10px 20px;width:160px;height:160px;object-fit:cover;border:1px solid var(--shadow70);border-radius:3px}.project-info{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.project-info>h3{width:90%;font-size:27px;font-weight:500;margin:0;text-align:left;transition:all 1s ease}.project-info>p{width:90%;text-align:left;font-size:18px;color:var(--mid-light);transition:all 1s ease}.project-info>div{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.project-info>div>span{background-color:var(--shadow30);padding:3px 7px;border-radius:3px;transition:all 1s ease}.contact{position:absolute;display:flex;flex-direction:column;align-items:end;gap:30px}.contact a{color:var(--light);font-size:27px;transition:all 1s ease;line-height:27px;display:flex;align-items:center}.contact a svg{margin-right:7px}.contact-icons-copy:hover,.contact-icons-send:hover{filter:drop-shadow(0 3px 7px var(--mid-light))}.contact-icons-copy:active{color:var(--mid-dark)}.clipboard-msg{position:absolute;right:30px;bottom:50px;opacity:0;margin-bottom:10px;margin-right:20px;transition:all .5s ease-in-out;font-weight:300;transform:translateY(40px);background-color:var(--shadow10);border-radius:3px;padding:7px 12px}.show{opacity:1;transform:translateY(0)}.visible{animation:appear .7s forwards ease-in}.invisible{animation:fade .5s forwards ease-in}@media (min-width: 1024px){.info{right:30px;bottom:30px;text-align:right}.skills{right:50px;bottom:50px}.projects-wrapper{right:70px;padding-top:7%;padding-bottom:7%}.contact{right:40px;bottom:40px}}@media (max-width: 1024px){.porfolio{width:92vw;height:95dvh;-webkit-user-select:none;user-select:none}.theme-select{opacity:.7;width:61vw;z-index:1;top:20px;left:unset;right:unset;bottom:unset;justify-content:space-between;-webkit-user-select:none;user-select:none}.card{width:100%;left:0;top:40px;justify-content:space-evenly;align-items:start}.card>img{width:45px}.card>h2{font-size:34px}nav{width:100%;top:100px;left:0;flex-direction:row;justify-content:space-evenly;z-index:1}nav>a{border-top:1px solid transparent;font-size:16px;-webkit-user-select:none;user-select:none}.active{letter-spacing:initial;color:var(--light);text-shadow:0 2px 7px var(--mid-light);transform:translateY(7px);border-color:inherit}.info{bottom:10px;width:90%}.info>h3{font-size:27px;-webkit-user-select:none;user-select:none}.info>p{font-size:16px;-webkit-user-select:none;user-select:none;padding:0 9px;margin-top:3px}.info>span{font-size:14px;-webkit-user-select:none;user-select:none}.info-icon-field{display:flex;flex-direction:column;align-items:center;justify-content:end;z-index:-1;margin-bottom:20px}.skills{bottom:20px}.skills-wrapper{display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:center;padding:10vw}.contact{bottom:50px;align-items:center;gap:20px}.contact-icons{width:70%;justify-content:space-around}.contact-icons-copy{display:none}.contact>.email{font-size:21px}.projects-wrapper{flex-direction:row;width:92vw;height:70%;top:180px;padding-left:18vw;gap:70px;animation:slide-in 1s ease 1}.active-project{background-color:var(--shadow10);box-shadow:0 7px 30px 1px var(--dark);border-top:1px solid var(--shadow30);filter:brightness(1.1)}.active-project>img{transform:scale(1)}.project-collider{height:70vh;width:60vw;border:1px solid rebeccapurple}.project-card{width:60vw;max-width:250px;flex-direction:column;align-items:center;justify-content:space-evenly;transition:all .7s ease}.project-card>svg{visibility:hidden}.project-card>img{opacity:1;width:120px;height:120px}.project-info{display:flex;flex-direction:column;gap:20px}.project-info>h3{text-align:center;font-size:25px;line-height:22px}.project-info>p{display:none}.project-skills>span{font-size:14px;padding:2px 5px!important;border-radius:4px!important}.contact a{font-size:18px}.fade-effect{width:10%;height:100%}}@media (max-height: 700px){.projects-wrapper{top:120px}.project-card>img{width:100px}.project-info>h3{font-size:25px}}@keyframes point{0%{transform:translate(0)}50%{transform:translate(10px,-10px)}to{transform:translate(0)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{margin-left:600px}to{margin-left:0}}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:drop-shadow(none)}