*{border:0;box-sizing:border-box;color:#fff;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-light-black:#172023;--color-dark-black:#071013;--color-yellow:#ffca3a;--color-red:#ff595e;--color-blue:#1982c4;--color-green:#8ac926;--color-white:#fff;--color-engineer-1:#91cffa;--color-engineer-2:#3176a6;--color-engineer-3:#20537c;--color-engineer-4:#10304e;--color-engineer-4-1:#0d263d;--color-engineer-4-2:#0a1c24;--color-1:var(--color-yellow);--color-2:var(--color-red);--color-3:var(--color-blue);--color-4:var(--color-green);--header-height:3rem}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#071013;background:var(--color-dark-black)}@-webkit-keyframes translate{0%{-webkit-transform:translateX(-212px);transform:translateX(-212px)}to{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@keyframes translate{0%{-webkit-transform:translateX(-212px);transform:translateX(-212px)}to{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}.car{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:translate;animation-name:translate;-webkit-animation-timing-function:linear;animation-timing-function:linear;transition-duration:3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:212px}.car,.car .rect{position:relative}.car .rect{height:100px;width:150px}.car .front,.car .rect{background:var(--color-car-2)}.car .front{border-radius:0 55px 0 0;height:70px;position:absolute;right:0;top:25px;width:60px}.car .front .window{background:var(--color-car-1);border-radius:0 15px 0 0;height:15px;left:7px;padding-bottom:10px;position:absolute;top:18px;width:42px}.car .front .f_hood{border-radius:0 5px 5px 0;bottom:-7px;height:30px;width:68px}.car .front .f_hood,.car .hood{background:var(--color-car-2);position:absolute}.car .hood{border-radius:3px;bottom:-2px;height:7px;left:-3px;width:225px}.car .f_tyres,.car .tyres{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:var(--color-car-2);border:2px solid var(--color-car-2);border-radius:30px;bottom:-15px;height:30px;position:absolute;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:30px;z-index:1}.car .tyres{left:10px}.car .f_tyres{right:10px}.car .f_tyres:after,.car .tyres:after{background:var(--color-car-1);border-radius:10px;content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.home-engineer-transition .spacer-top{height:calc(50vh - 16.5vw);width:100%}.home-engineer-transition .transition1{--color:var(--color-engineer-4-2);background-color:var(--color-dark-black);background-image:linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color)),linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color));background-position:0 0,10px 10px;background-size:20px 20px;height:120px;width:100%}.home-engineer-transition .spacer-transition1{background-color:var(--color-engineer-4-2);height:10px;width:100%}.home-engineer-transition .transition2{--color:var(--color-engineer-4-2);background-color:var(--color-engineer-4-1);background-image:linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color)),linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color));background-position:0 0,10px 10px;background-size:20px 20px;height:120px;width:100%}.home-engineer-transition .spacer-transition2{background-color:var(--color-engineer-4-1);height:10px;width:100%}.home-engineer-transition .transition3{--color:var(--color-engineer-4);background-color:var(--color-engineer-4-1);background-image:linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color)),linear-gradient(45deg,var(--color) 25%,transparent 25%,transparent 75%,var(--color) 75%,var(--color));background-position:0 0,10px 10px;background-size:20px 20px;height:120px;width:100%}.input-field{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding-bottom:4px;padding-top:4px;width:100%}.input-field p{color:var(--color-black);font-size:.8em;padding-right:2px;text-align:right;width:40%}.input-field input{background:var(--color-white);border:1px solid #000;color:var(--color-black);padding:2px;width:60%}.rt{display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:100%}.rt .input-scene{width:50%}.rt .input-vec3{align-items:center;display:flex;flex-direction:row}.rt .input-vec3 p{color:var(--color-black);font-size:.8em;padding-right:2px;text-align:right;width:40%}.rt .input-vec3 .input-vec3-fields{display:flex;flex-direction:row;width:60%}.rt .input-sphere{border:2px solid green;border-radius:4px;padding:1rem}.window{border:1px solid var(--color-black);position:absolute;width:70%}.window .title-bar{align-items:center;border-bottom:1px solid var(--color-black);display:flex;flex-direction:row;height:2rem;justify-content:space-between;width:100%}.window .title-bar button{background:var(--color-grey);color:var(--color-black);height:100%;width:calc(2rem - 2px)}.window .title-bar p{height:100%;padding-top:6px}.window .title-bar .minimize-button{border:none;border-right:1px solid var(--color-black)}.window .title-bar .move-button{border:none;border-left:1px solid var(--color-black);cursor:pointer}.window .menu-bar{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-black);display:flex;flex-direction:row;gap:8px;height:2rem;justify-content:flex-start;width:100%}.window .menu-bar p{color:var(--color-black);padding-left:8px}.window .menu-bar p:first-letter{text-decoration:underline}.window .client-area{background:var(--color-grey)}.window .client-area h4{color:var(--color-black);padding:.3rem .3rem .3rem 1rem}.window .client-area h5{color:var(--color-black);padding:.2rem .2rem .2rem 2rem}.developer{--color-genoa:#367e7f;--color-blue:#000b7a;--color-grey:silver;--color-white:#fff;--color-black:#000;background-color:var(--color-dark-black);background:var(--color-genoa);font-family:Arial,sans-serif;height:100vh;position:relative;width:100%}.developer .win95-boot{align-items:center;display:flex;height:100%;justify-content:center}.developer .win95-boot img{height:100%}.developer .dock{background-color:var(--color-grey);bottom:0;position:absolute;width:100%}.developer .dock button{border:2px solid var(--color-black);border-radius:2px 5px 2px 5px;box-shadow:2px 2px 0 0 var(--color-black);color:var(--color-black);font-size:large;margin:3px 3px 5px;padding:2px}.engineer{--color-blueprint-1:var(--color-engineer-2);--color-blueprint-2:var(--color-engineer-3);--blueprint-square-size:30px;background-color:var(--color-engineer-4);font-family:Chalkduster,"fantasy";padding:10px;position:relative;width:100vw}.engineer .engineer-content{background-image:linear-gradient(var(--color-blueprint-1) 2px,transparent 2px),linear-gradient(90deg,var(--color-blueprint-1) 2px,transparent 2px),linear-gradient(var(--color-blueprint-2) 1px,transparent 1px),linear-gradient(90deg,var(--color-blueprint-2) 1px,transparent 1px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:calc(var(--blueprint-square-size)*5) calc(var(--blueprint-square-size)*5),calc(var(--blueprint-square-size)*5) calc(var(--blueprint-square-size)*5),var(--blueprint-square-size) var(--blueprint-square-size),var(--blueprint-square-size) var(--blueprint-square-size);margin-bottom:0}.engineer .engineer-content h1{color:var(--color-engineer-1);font-size:6rem;padding-bottom:2rem;text-align:center}.engineer .engineer-content h2{color:var(--color-engineer-1);font-size:4rem;margin-left:2rem}.engineer .engineer-content p{color:var(--color-engineer-1);font-size:1.5rem;margin-bottom:.5rem;margin-left:1.5rem;padding:.5rem}.engineer .engineer-content .h2-first-border{border:4px solid var(--color-engineer-1);margin-bottom:4rem;margin-left:2rem;margin-right:2rem;padding:4px}.engineer .engineer-content .h2-first-border .h2-content{border:4px solid var(--color-engineer-1)}.engineer .engineer-content .h2-first-border .h2-content h3{color:var(--color-engineer-1);font-size:2rem;padding-bottom:1rem;padding-left:2rem;padding-top:2rem}.engineer .engineer-content .h2-first-border .h2-content .h3-content{display:flex;flex-direction:row;justify-content:space-between}.engineer .engineer-content .h2-first-border .h2-content .h3-content .car-SVG{background-image:url(/static/media/Car.ad9f7e15d264343b4e40.svg);background-repeat:no-repeat;height:200px;margin-right:4rem;padding:0;width:420px}.engineer .engineer-content .h2-first-border .h2-content .h3-border{border:2px solid var(--color-engineer-1);display:flex;flex-direction:row;margin-bottom:2rem;margin-left:2rem;padding:2px;width:50%}.engineer .engineer-content .h2-first-border .h2-content .h3-border p{border:2px solid var(--color-engineer-1);color:var(--color-engineer-1);font-size:1.5rem;margin:0;padding:2rem}.engineer .engineer-content .h2-first-border .h2-content .h3-right{color:var(--color-engineer-1);font-size:2rem;left:calc(50% - 4rem);padding-bottom:1rem;padding-top:2rem;position:relative;width:50%}.engineer .engineer-content .h2-first-border .h2-content .h3-border-right{border:2px solid var(--color-engineer-1);left:calc(50% - 2rem);margin-bottom:2rem;margin-right:2rem;padding:2px;position:relative;width:50%}.engineer .engineer-content .h2-first-border .h2-content .h3-border-right p{border:2px solid var(--color-engineer-1);color:var(--color-engineer-1);font-size:1.5rem;margin:0;padding:2rem}.engineer .engineer-content .tank{background-image:url(/static/media/Tank.5181d7f0a35b849128fc.svg);background-repeat:no-repeat;background-size:auto 600px;height:600px}.logo{display:flex;flex-direction:row;justify-content:center}.logo-component{height:1.2rem;width:4rem}.link{border-radius:5px;padding:.5rem}footer{align-items:center;background:var(--color-light-black);flex-direction:column;justify-content:space-evenly;padding:2rem}footer,footer .links{display:flex;gap:2rem}footer .links{flex-direction:row;justify-content:space-between;width:40%}footer .links .link{text-align:center;width:24%}footer .social-networks{background-color:#fff;border-radius:5px;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:15%}footer .social-networks a{border-radius:5px;height:3rem;padding:.5rem;width:3rem}footer .social-networks a img{-webkit-filter:brightness(0) saturate(100%);filter:brightness(0) saturate(100%);height:100%;width:100%}header{align-items:center;background:var(--color-light-black);display:flex;flex-direction:row;height:var(--header-height);justify-content:space-between}header .logo{padding-left:1.2rem}header .links{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding-right:3rem}h1{font-size:2rem}h4{font-size:1.3rem}.home{display:flex;flex-direction:row;justify-content:space-around;position:relative}.text-and-code{display:flex;flex-direction:column;padding-top:13%}.text-and-code .code{padding:2rem}.text-and-code .code .code-line{display:flex;flex-direction:row}.text-and-code .text{background-color:var(--color-dark-black);border-bottom:.3rem solid var(--color-3);border-left:.3rem solid var(--color-4);border-radius:2rem;border-right:.3rem solid var(--color-2);border-top:.3rem solid var(--color-1);padding:2rem}.text-and-code .text .text-line{display:flex;flex-direction:row}.profile-picture-wrapper-wrapper .spacer-top{height:calc(50vh - 16.5vw)}.profile-picture-wrapper{height:33vw;margin-top:0;position:-webkit-sticky;position:sticky;top:calc(50vh - 16.5vw);width:33vw}.profile-picture-wrapper .profile-picture-background{background-clip:border-box,border-box,border-box,border-box;background-image:linear-gradient(0,var(--color-1) 100%,#fff),linear-gradient(0,var(--color-2) 100%,#fff),linear-gradient(0,var(--color-3) 100%,#fff),linear-gradient(0,var(--color-4) 100%,#fff);background-origin:border-box,border-box,border-box,border-box;background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:50% 50%,50% 50%,50% 50%,50% 50%;border-radius:50%;height:100%;transition-duration:2s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.profile-picture-wrapper.profile-picture-wrapper:hover .profile-picture-background{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear}.profile-picture-wrapper .profile-picture{border-radius:50%;height:94%;left:3%;position:relative;top:calc(-33vw + 15px);width:94%}
/*# sourceMappingURL=main.d7d27e37.css.map*/