:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a022f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#646cff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;text-align:center;width:100%}.titleScreen{max-width:1280px;max-width:80%;width:100%;position:fixed;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.titleHeader{width:100%;left:0}.titleName{font-family:proxima-nova,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;letter-spacing:-.06em}.titleBackground{position:absolute;top:0;width:200%;height:100%;z-index:-1}.subtitle{font-size:32px;color:#998f8f}.infoSection{height:100%;background-color:#fff;color:#0a022f}.projectGrid{max-width:1280px;margin:auto;display:flex;flex-flow:row wrap;justify-content:center}.projectCard{margin:20px;border:solid #0a022f;overflow:hidden;text-align:left;max-width:300px;border-radius:32px;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;-o-border-radius:32px}.projectImage{max-width:300px;z-index:5;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.projectImage:hover{scale:1.1}.imageContainer{overflow:hidden;max-height:180px;-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000)}.projectTextContainer{margin:15px}.projectsTitle{font-size:48px;margin-top:0;margin-bottom:20px}.projectsTitleSmall{font-size:36px;margin-top:0;margin-bottom:20px;padding-top:30px}.projectName{font-size:28px;margin:0 0 10px;font-weight:700;line-height:100%}.langBadge{display:inline-block;width:fit-content;padding:0 10px;margin:0 5px 5px 0;border:solid 2px #0a022f;border-radius:32px;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;-o-border-radius:32px}.linkContainer{margin-top:10px}.imagePopup{position:fixed;height:100%;width:100%;background-color:rgb(70,70,70) / .8;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popupImage{position:relative;max-width:50%;max-height:50%;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto}.icon{color:#0a022f;padding-right:10px;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}.icon:hover{color:#529bff}.footer{background-color:#0a022f;padding:50px 0}.footerContentContainer{display:flex;max-width:1280px;max-width:80%;margin:auto;justify-content:space-between;align-items:center}.socialIcon{color:#fff;padding-right:10px;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}.socialIcon:hover{color:#529bff}.goopContainer{width:100%;overflow:hidden;position:fixed;z-index:-3;filter:url(#goop);top:-50px;bottom:-80px;-webkit-filter:url(#goop)}.particle{width:100px;height:100px;background-color:#000;position:absolute;border-radius:50%;animation:fall 15s infinite;transform:translateY(-20vh);-webkit-transform:translateY(-20vh);-moz-transform:translateY(-20vh);-ms-transform:translateY(-20vh);-o-transform:translateY(-20vh)}@keyframes fall{0%{transform:translateY(-20vh);-webkit-transform:translateY(-20vh);-moz-transform:translateY(-20vh);-ms-transform:translateY(-20vh);-o-transform:translateY(-20vh)}20%{transform:translateY(0);-webkit-transform:translateY(0vh);-moz-transform:translateY(0vh);-ms-transform:translateY(0vh);-o-transform:translateY(0vh)}to{transform:translateY(110vh);-webkit-transform:translateY(110vh);-moz-transform:translateY(110vh);-ms-transform:translateY(110vh);-o-transform:translateY(110vh)}}.particle:nth-of-type(3n){background-color:#56ffb5}.particle:nth-of-type(3n+1){background-color:#529bff}.particle:nth-of-type(3n+2){background-color:#9a56ff}.particle:nth-of-type(2n){width:60px;height:60px}.particle:nth-of-type(3n){width:120px;height:120px}.particle:nth-of-type(1){left:30%;animation-delay:-3s}.particle:nth-of-type(2){left:60%;animation-delay:-2s}.particle:nth-of-type(3){left:25%;animation-delay:-1s}.particle:nth-of-type(4){left:75%;animation-delay:1s}.particle:nth-of-type(5){left:35%;animation-delay:2.5s}.particle:nth-of-type(6){left:50%;animation-delay:4s}.particle:nth-of-type(7){left:65%;animation-delay:4.5s}.particle:nth-of-type(8){left:35%;animation-delay:6s}.particle:nth-of-type(9){left:55%;animation-delay:7s}.particle:nth-of-type(10){left:55%;animation-delay:8.5s}.particle:nth-of-type(11){left:35%;animation-delay:9s}.particle:nth-of-type(12){left:50%;animation-delay:10s}.particle:nth-of-type(13){left:65%;animation-delay:11s}.particle:nth-of-type(14){left:40%;animation-delay:11.5s}.particle:nth-of-type(15){left:60%;animation-delay:12.5s}.particle:nth-of-type(16){left:10%;animation-delay:5s}.particle:nth-of-type(17){left:80%;animation-delay:.3s}.border{position:absolute;background-color:#000;width:100%;height:10%}.border:nth-last-of-type(1){top:0;left:0}.border:nth-last-of-type(2){bottom:0;left:0}