@font-face{font-family:Consolas;font-weight:400;src:local(Consolas),url(/consola.ttf) format("truetype")}@font-face{font-family:Consolas;font-weight:700;src:url(/consolab.ttf) format("truetype")}:root{--site-width: min(100%, 1040px);font-family:Consolas,monospace;line-height:1.5;font-weight:400;font-size:16px;color:#f5f5f5;background-image:linear-gradient(to top right,#16181b,#0a0c10);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;position:relative}body{margin:0;min-width:320px;width:100%}h1{font-size:3.2em;line-height:1.1}button{color:inherit;border-radius:10px;border:1px solid transparent;padding:.6em 1.2em;font-size:.7em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}header{max-width:1000px;margin-inline:auto;padding:10px;left:0;right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#2222221f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;box-shadow:0 0 20px #0003;border:.5px solid #ffffff17;position:fixed;top:10px;z-index:1}header>nav{width:400px;display:flex;justify-content:space-between}header>nav a{color:#ffffffde;transition:color .1s ease-in;text-decoration:none;font-size:1.2rem}header>nav a.active,header>nav a:hover{color:#fff}@media only screen and (max-width: 800px){header,header>nav{display:none}}.bottom-nav{position:fixed;bottom:5px;left:0;right:0;margin-inline:auto;width:min(90vw,400px);background-color:#0002;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1;padding:5px 0 2px;border-radius:100px;box-shadow:0 0 20px #0003;border:.5px solid #ffffff18}.bottom-nav-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:25% 25% 25% 25%}.bottom-nav-element{display:flex;flex-direction:column;align-items:center}.bottom-nav-element span{color:#aaa;font-size:14px}.bottom-nav-element.active span{color:#fff}@media only screen and (min-width: 800px){.bottom-nav,.bottom-nav-list,.bottom-nav-element{display:none}}#root{width:100%;margin:0;padding:0;position:relative}.logo{position:relative;margin-inline:auto;margin-top:60px;width:min-content;-webkit-user-select:none;user-select:none}pre{font-family:monospace;font-size:min(2rem,3.2vw);line-height:1.2;font-weight:600}.blur{filter:blur(min(7px,.6vw));position:absolute;top:0;padding:0;margin:0}.whiteText{color:#fff}.blueText{color:#62e2ff}.greenText{color:#7dff81}.purpleText{color:#e3b2ff}.pinkText{color:#ec8fff}.blur .blueText{color:#00d0ff}.blur .greenText{color:#22ff2a}.blur .purpleText{color:#c561ff}.blur .pinkText{color:#e561ff}.projects-container{margin-top:100px;padding:0 300px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px}.project-card{color:#f9f9f9;background-color:#1616166c;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;flex:1 1 500px}.project-card .card-image{width:200px}.project-card h2,.project-card p{text-align:center}.dotted-bg{position:relative}.dotted-bg:after{content:"";position:absolute;border-radius:30px;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(#ffffff0e 1px,transparent 1px);background-size:16px 16px;filter:blur(.5px)}.card-content{position:relative;width:100%;height:100%;display:flex;align-items:center;flex-direction:column}.card-description{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:30px;background-color:#000000af;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;padding:50px;font-size:17px;text-align:center;transition:opacity .5s ease}.card-content:hover>.card-description{opacity:1}.card-spotlight{position:relative;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:-1}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.container{width:min(1100px,95%);margin-inline:auto;font-size:22px}#introduction-section{margin-top:80px;display:grid;grid-template-columns:5fr 6fr;gap:130px;align-items:center;justify-items:center}@media screen and (max-width: 1100px){#introduction-section{width:90%;grid-template-columns:1fr;margin-top:80px}}@media screen and (max-width: 800px){#introduction-section{margin-top:20px;gap:10%}}#introduction-section .text-content{font-size:30px}@media screen and (max-width: 1100px){#introduction-section .text-content{width:min(600px,100%)}}@media screen and (max-width: 800px){#introduction-section .text-content{font-size:20px}}#introduction-section .text-content .greeting-text{font-size:.7em;color:#ddd}#introduction-section .text-content h1.title{font-size:1.4em;font-weight:700}#introduction-section .image-content{display:flex;flex-direction:column;align-items:flex-end;margin-right:25%;margin-block:80px}@media screen and (max-width: 1100px){#introduction-section .image-content{margin:12% 20% 0;width:min(400px,60%);grid-row:1}}#experience{margin-top:20px;display:flex;flex-direction:column;gap:20px}#qualifications{margin-top:60px}#qualifications .cards-container{display:flex;justify-content:center;gap:20px}.images{position:relative}.images .main-picture{width:100%;border-radius:10%}.images .images-card{position:absolute;padding:3% 10%;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#3138477c radial-gradient(#ffffff0a 1px,transparent 1px);background-size:10px 10px;width:30%;display:flex}.qualification-card{padding:15px 20px;border-radius:15px;background-color:#3138477c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;text-align:center;box-sizing:border-box;width:min(100%,400px)}.qualification-card .title{margin:0;font-size:1.5rem;font-weight:700}.qualification-card .description{margin:15px 0 0;font-size:.8em;flex-grow:1}.qualification-card .footer{display:flex;justify-content:space-between;margin-top:20px;font-size:.7em;color:#ddd}.experience-card{display:flex;align-items:center;gap:20px;padding:15px 20px;border-radius:8px;background-color:#3138477c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.experience-card .company-logo{width:120px}.experience-card .experience-text{display:flex;flex-direction:column;justify-content:space-between;gap:15px}.experience-card .experience-text .experience-header{gap:10px}.experience-card .experience-text .experience-header .period{font-size:.9em;color:#eee;float:right;display:block}.experience-card .experience-text .description{margin:0;font-size:.8em;color:#ccc}#container{width:min(90%,600px);margin-inline:auto;margin-top:90px;display:grid;gap:20px;grid-template-columns:1fr 1fr;font-size:22px}#container .text-section h1{margin:0;font-size:1.5em}#container form{display:flex;flex-direction:column;width:min(100%,300px)}#container form .input-group{position:relative}#container form .input-group label{position:absolute;top:6.5px;left:10px;font-size:.7em;color:#ccc;transition:all .2s ease-in-out;pointer-events:none}#container form .input-group input,#container form .input-group textarea{border-radius:10px;border:solid 1px #9c9c9c36;padding:10px;background-color:#6663;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}#container form .input-group input:focus,#container form .input-group textarea:focus{border:solid 1px #9c9c9c6e;background-color:#3f3f3f55}#container form .input-group input:focus-visible,#container form .input-group textarea:focus-visible{outline:solid 2px hsl(199,100%,50%)}#container form .input-group :is(input:focus,input:valid,input:active,input.text-entered,textarea:focus,textarea:valid,textarea:active,textarea.text-entered)~label{top:-20px;font-size:.6em;color:#fff9}#container form .input-group textarea#message{resize:vertical}#container form .form-error{text-indent:10px;color:#ff6464;font-size:.7em;margin-bottom:25px}#container form .form-error:last-of-type{margin-bottom:15px}.darkveil-canvas{width:100%;height:100%;display:block;z-index:-1;position:absolute}