@font-face{font-family:Liberation;src:url(/assets/LiberationSans-Regular-CiMK-_52.ttf)}@font-face{font-family:Linux;src:url(/assets/LinBiolinum-CLzzLogJ.ttf)}body{margin:0;padding:0;font-family:Liberation,Gill Sans,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;overflow-x:hidden}.App code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{background-color:#fffaeb;background-image:linear-gradient(#eae3d1 1px,transparent 1px),linear-gradient(to right,#eae3d1 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);min-height:100vh;position:relative}.hero .hero-badge{position:absolute;font-weight:600;font-size:15px;left:calc(var(--grid-base) * 1);top:calc(var(--grid-base) * 1);height:calc(var(--grid-base) + 1px);background-color:#1fff76;width:calc(var(--grid-base) * 3 + 1px);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.hero .hero-title{position:absolute;font-weight:600;font-size:15px;left:calc(var(--grid-base) * 1.5);top:calc(var(--grid-base) * 3.5);height:calc(var(--grid-base) * 4);width:calc(var(--grid-base) * 17);padding:calc(var(--grid-base) / 2);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-sizing:border-box;background-color:#fffaeb;border:px solid #eae3d1}.hero .hero-title .hero-title-name{font-size:50px;line-height:1;font-size:4rem;font-weight:700;color:#000;font-family:Linux,sans-serif}.hero .hero-title .hero-title-profession{font-size:50px;line-height:1;font-size:3rem;font-weight:700;color:#fa520f;font-family:Linux,sans-serif;margin-bottom:20}.hero .hero-under-construction{position:absolute;font-weight:600;font-size:15px;left:calc(var(--grid-base) * 8);right:calc(var(--grid-base) * 8);bottom:calc(var(--grid-base) / 2);height:calc(var(--grid-base) * 1);display:flex;justify-content:center;flex-direction:row;align-items:center;box-sizing:border-box;color:#fa520f;border:2px solid #fa520f;background-color:#fff;font-family:Linux,sans-serif}.hero .hero-under-construction img{height:30px}@media(max-width:480px){.hero .hero-title{top:calc(var(--grid-base) * 1.5);left:0;right:0;width:100%}.hero .hero-title .hero-title-name{font-size:1.75rem}.hero .hero-title .hero-title-profession{font-size:1.25rem}.hero .hero-under-construction{font-size:12px;left:calc(var(--grid-base) / 2);right:calc(var(--grid-base) / 2)}}.details{position:absolute;bottom:calc(var(--grid-base) * 2);padding:var(--grid-base);width:100vw;display:flex;gap:var(--grid-base);flex-direction:row;justify-content:center;margin-top:80;box-sizing:border-box}.detail{background-color:#050505;color:#fefefe;box-sizing:border-box;opacity:1;background-size:var(--grid-base) var(--grid-base);width:calc(var(--grid-base) * 5);height:calc(var(--grid-base) * 1);display:flex;align-items:center;justify-content:space-between;border:none;text-decoration:dotted;padding:calc(var(--grid-base) / 2)}.detail:hover{cursor:pointer;text-decoration:dotted;color:#fa520f;box-shadow:10px 10px #ffbf00}.detail:hover img{filter:grayscale(0)}.detail img{filter:grayscale(1)}@media(max-width:480px){.details{flex-direction:column;align-items:center;gap:calc(var(--grid-base) / 2)}.detail{width:100%}}.grid-tile{position:absolute;width:var(--grid-base);height:var(--grid-base);background-size:var(--grid-base) var(--grid-base);background-image:linear-gradient(var(--grid-tile-line-color) 1px,transparent 1px),linear-gradient(to right,var(--grid-tile-line-color) 1px,transparent 1px)}.technologies{height:70vh;position:relative;background-color:#0e0e0e;background-image:linear-gradient(to bottom,#87ceeb,#e0f6ff);background-attachment:fixed}.technologies-title{position:absolute;top:calc(var(--grid-base) * 2);left:var(--grid-base);margin:0;padding:0;font-size:calc(var(--grid-base) / 2);color:#000;z-index:1}.technologies-top-wall{background-color:#2295d8;background-image:linear-gradient(#187eb9 2px,transparent 1px),linear-gradient(to right,#187eb9 2px,transparent 1px);background-size:var(--grid-base) var(--grid-base);height:calc(var(--grid-base) * 6);width:100%;transform:perspective(1000px) rotateX(-70deg);transform-origin:top;position:absolute}.technologies-bottom-wall{background-color:#242424;background-image:linear-gradient(#060606 2px,transparent 1px),linear-gradient(to right,#060606 2px,transparent 1px);background-size:var(--grid-base) var(--grid-base);height:calc(var(--grid-base) * 6);width:100%;transform:perspective(1000px) rotateX(70deg);transform-origin:bottom;position:absolute;bottom:0}.technologies-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:calc(var(--grid-base) / 2);height:100%;width:100%;position:relative;z-index:1}.technologies-list .technology{position:relative;width:calc(var(--grid-base) * 1.5);height:calc(var(--grid-base) * 1.5);background-color:#fff;color:#151515;box-shadow:5px 5px 50px #00000043;transform-style:preserve-3d;will-change:transform;display:flex;justify-content:center;align-items:center}.technologies-list .technology img{width:80%;height:80%;object-fit:contain}.technologies-list .technology .technology-tooltip{position:absolute;bottom:0;left:0;right:0;transform:translateY(50%);background-color:#f5f5f5;color:#151515;padding-left:10px;font-size:.8em;opacity:0;transition:opacity .3s ease,transform .3s ease;box-sizing:border-box}.technologies-list .technology:hover .technology-tooltip{opacity:1;transform:translateY(100%);z-index:100000}@media(max-width:480px){.technologies{height:auto}.technologies-title{left:calc(var(--grid-base) / 2)}.technologies-list{gap:calc(var(--grid-base) / 4);padding:calc(var(--grid-base) * 3) 0}.technologies-list .technology{width:calc(var(--grid-base) * 2);height:calc(var(--grid-base) * 2)}}.languages{background-color:#2e2e2e;background-image:linear-gradient(#0e0e0e 1px,transparent 1px),linear-gradient(to right,#0e0e0e 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);height:calc(var(--grid-base) * 4);position:relative}.languages_content{position:absolute;top:calc(var(--grid-base) * 1);left:0;right:0;height:calc(var(--grid-base) * 2);display:flex;gap:var(--grid-base);align-items:center;justify-content:center}.languages_content .language{background-color:#282828;align-items:center;padding:0 calc(var(--grid-base) / 2);display:flex;height:var(--grid-base);gap:5px;color:#fff;border:1px solid #0e0e0e}.languages-title{font-size:calc(var(--grid-base) / 2);padding:10;position:absolute;top:10;margin-left:var(--grid-base);color:#dedede}@media(max-width:480px){.languages{height:calc(var(--grid-base) * 10)}.languages_content{flex-direction:column;padding:calc(var(--grid-base) / 2);height:auto;align-items:stretch}}.organisation-title{display:flex;flex-direction:row;align-items:center;gap:5px;color:silver}.organisation-title:hover{color:#fa520f}.organisation-title:hover img{transform:scale(1.2)}.organisation-title{width:max-content}.education{background-color:#4eb2ed;background-image:linear-gradient(#2295d8 1px,transparent 1px),linear-gradient(to right,#2295d8 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);height:calc(var(--grid-base) * 6);display:flex;flex-direction:row;justify-content:center;width:100%;position:relative}.education-content{display:flex;flex-direction:row;align-self:center;gap:var(--grid-base)}.education-title{position:absolute;top:var(--grid-base);left:var(--grid-base);margin:0;padding:0;font-size:calc(var(--grid-base) / 2);color:#000}.education-card{border:1px solid #151515;position:relative;background-color:#fff;color:#151515;box-shadow:5px 5px 50px #00000043}.education-card-inner{position:relative;padding:10px}.education-card:after{content:"";width:8px;aspect-ratio:1;position:absolute;background-color:#151515;z-index:1;left:0;top:0;transform:translate(-50%,-50%)}.education-card-inner:after{content:"";width:8px;aspect-ratio:1;position:absolute;background-color:#151515;z-index:2;right:0;top:0;transform:translate(50%,-50%)}.education-card-inner:before{content:"";width:8px;aspect-ratio:1;position:absolute;background-color:#151515;z-index:2;right:0;bottom:0;transform:translate(50%,50%)}.education-card:before{content:"";width:8px;aspect-ratio:1;position:absolute;background-color:#151515;z-index:1;left:0;bottom:0;transform:translate(-50%,50%)}@media(max-width:480px){.education{height:auto;padding:calc(var(--grid-base) * 2) 0}.education-title{left:calc(var(--grid-base) / 2)}.education-content{flex-direction:column;align-items:center;gap:calc(var(--grid-base) / 2)}.education-card{width:100%}}.badge{display:inline-block;padding:.25em .75em;margin:.25em 0;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff;border-width:2px;border-style:solid;border-color:#61f8fb}.experience{background-color:#2e2e2e;background-image:linear-gradient(#0e0e0e 1px,transparent 1px),linear-gradient(to right,#0e0e0e 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);position:relative}.experience-header{display:flex;gap:var(--grid-base);height:calc(var(--grid-base) * 4);background-color:#1c1c1c;background-image:linear-gradient(#0e0e0e 1px,transparent 1px),linear-gradient(to right,#0e0e0e 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);flex-direction:row;justify-content:center;align-items:center}.experience-header img{height:calc(var(--grid-base) * 1.5);width:auto}.experience .jobtitle{font-family:Linux;font-size:var(--grid-base);padding:0;margin:0;color:#dedede}.experience-title{font-size:calc(var(--grid-base) / 2);padding:10;margin-left:var(--grid-base);color:#dedede}.experiences-list{display:flex;flex-direction:column;gap:calc(var(--grid-base) * 2);padding:calc(var(--grid-base) * 2);color:#dedede}@media(max-width:480px){.experience-header{flex-direction:column;flex-wrap:wrap;align-items:center;gap:calc(var(--grid-base) / 2);height:calc(var(--grid-base) * 5)}.experience-header img{width:calc(var(--grid-base) * 2.5);height:auto}.experience-title{margin-left:calc(var(--grid-base) / 2)}.experiences-list{padding:calc(var(--grid-base) / 2);margin-bottom:calc(var(--grid-base) * 2)}.experience .jobtitle{font-size:calc(var(--grid-base) / 1.5)}}.projects{position:relative;background-color:#2e2e2e;background-image:linear-gradient(#0e0e0e 1px,transparent 1px),linear-gradient(to right,#0e0e0e 1px,transparent 1px);background-size:var(--grid-base) var(--grid-base);display:flex;flex-direction:column;padding:calc(var(--grid-base) * 2);gap:calc(var(--grid-base) * 1)}.projects-title{position:absolute;top:calc(var(--grid-base) * 1);left:var(--grid-base);margin:0;padding:0;font-size:calc(var(--grid-base) / 2);color:#fff}.projects .project-technologies{display:flex;flex-direction:row;gap:calc(var(--grid-base) / 8);flex-wrap:wrap}.projects .project-item{display:flex;flex-direction:column;gap:calc(var(--grid-base) / 4);padding:calc(var(--grid-base) / 2);border:1px solid #0e0e0e;background-color:#fff;color:#151515;transition:transform .2s ease-in-out}.projects .project-item .project-label{font-family:Linux;font-weight:700;font-size:calc(var(--grid-base) / 3)}.projects .project-item .project-comment{font-weight:400;font-size:calc(var(--grid-base) / 4)}.projects .project-links{display:flex;flex-direction:column;gap:calc(var(--grid-base) / 4)}.projects .project-links .project-link{color:#2295d8;vertical-align:middle}.projects .project-links .project-link:hover{color:#033f62}