@font-face{font-family:Consolas;src:url(/Consolas-Regular.ttf) format("truetype")}.code{background-color:var(--dark-blue);width:480px;height:250px;border-radius:10px}.code-nav{display:flex;justify-content:space-between;height:30px;padding:0 10px;border-bottom:var(--blue) 1px solid;align-items:center}.code-options{display:flex;gap:10px;height:100%;align-items:center}.code-options .code-inactive{color:var(--not-highlighted)}.code-option{background-color:#0000;border:0;font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;height:100%;font-size:9pt;margin-right:10px;transition:.2s}.code-option:hover{cursor:pointer}.code-option img{height:18px}.code-text{height:calc(100% - 30px);display:flex;gap:10px}.actual-code{display:flex;flex-direction:column;justify-content:center;height:96%;white-space:pre-wrap;tab-size:4;margin-left:30px;margin-top:5px}.actual-code p{margin-bottom:7px;color:var(--white);font-size:18pt;font-family:Consolas;line-height:1.05}.red-code{color:#ef5252;font-family:Consolas;font-size:18pt}.green-code{color:#28d32d;font-family:Consolas;font-size:18pt}.orange-code{color:#ff9e2f;font-family:Consolas;font-size:18pt}.yellow-code{color:#ffd60a;font-family:Consolas;font-size:18pt}.cyan-code{color:#31f8ff;font-family:Consolas;font-size:18pt}.white-code{color:var(--white);font-family:Consolas;font-size:18pt}@media (max-width: 550px){.code{width:430px}}@media (max-width: 475px){.rside-hero{width:100%;display:flex;justify-content:center}.code{width:90%}.actual-code p,.red-code,.green-code,.orange-code,.yellow-code,.cyan-code,.white-code{font-size:16pt}}@media (max-width: 450px){.actual-code p,.red-code,.green-code,.orange-code,.yellow-code,.cyan-code,.white-code{font-size:14pt}}@media (max-width: 410px){.actual-code{margin-left:15px;height:80%}.code-text{align-items:center}.code{height:220px}}@media (max-width: 370px){.actual-code p,.red-code,.green-code,.orange-code,.yellow-code,.cyan-code,.white-code{font-size:13pt}}@media (max-width: 350px){.actual-code p,.red-code,.green-code,.orange-code,.yellow-code,.cyan-code,.white-code{font-size:12pt}.code{height:190px}}#hero{display:flex;justify-content:center;align-items:center;min-height:90dvh;gap:50px;width:100%}.lside-hero p{color:var(--dark-yellow)}.lside-hero h1,.lside-hero h2{color:var(--yellow);line-height:1}.lside-hero h1{font-size:52pt}.lside-hero h2{font-size:28pt}.lside-hero p{font-size:18pt}@media (max-width: 1000px){#hero{flex-direction:column;margin-top:50px;margin-bottom:100px}.lside-hero{text-align:center}}@media (max-width: 410px){#hero h1{font-size:48pt}}@media (max-width: 375px){#hero h1{font-size:44pt}}@media (max-width: 345px){#hero h1{font-size:40pt}}.project{background-color:var(--dark-blue);border-radius:10px;padding:10px 20px;max-width:355px;min-height:210px;display:flex;flex-direction:column}.project h2{font-size:24pt}.project h2 a{color:var(--yellow);text-decoration:none;transition:.2s}.project h2 a:hover{color:var(--dark-yellow)}.project-type{color:var(--dark-yellow);margin-bottom:10px}.project-desc{color:var(--white);margin-bottom:15px}.bottom-row{display:flex;color:var(--not-highlighted);justify-content:space-between;margin:auto 0 5px;align-items:center}.technologies{display:flex;gap:10px;align-items:center;font-size:12pt}.tech{background-color:var(--blue);border-radius:3px;text-align:center;color:#fff;padding:3px 7px}.github-icon{height:25px}.top-row{display:flex;justify-content:space-between;align-items:center}.top-row img{height:20px}@media (max-width: 1285px){.project{width:40%;max-width:100%}}@media (max-width: 1030px){.project{width:100%}.project-desc{width:70%}}@media (max-width: 630px){.project-desc{width:80%}}@media (max-width: 470px){.project{min-height:190px}.project h2{font-size:22pt}.project-desc{width:95%}}@media (max-width: 425px){.project{padding:5px 10px}}#projects{width:80%;margin-top:50px;margin-bottom:100px}#projects h1{color:var(--yellow);font-size:32pt;margin-bottom:30px}.projects-list{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 625px){#projects h1{text-align:center}#projects{width:90%}}.reference{display:flex;align-items:center;height:250px;gap:100px}.lside-reference{width:400px}.name-image-pair{display:flex;align-items:center;gap:15px}.name-image-pair a{color:var(--yellow);text-decoration:none;font-weight:600;font-size:20pt}.name-image-pair img{height:25px;border-radius:50px}.lside-reference p{max-width:85%}.job-title{color:var(--dark-yellow);font-size:12pt}.rside-reference{width:40%}.reference-desc{color:var(--white);font-style:italic;font-size:16pt}.extra-margin-reference{margin-bottom:50px}@media (max-width: 1025px){.reference{gap:50px}.reference-desc{font-size:14pt}}@media (max-width: 820px){.reference{justify-content:space-between;gap:0px}.lside-reference{width:325px}.rside-reference{width:50%}}@media (max-width: 650px){.reference{flex-direction:column;justify-content:start;gap:25px;margin-top:50px}.lside-reference{text-align:left;width:100%}.rside-reference{width:100%}.name-image-pair{justify-content:left;width:100%}}@media (max-width: 430px){.reference{margin-bottom:25px}}#references{width:80%;margin-top:50px}#references h1{color:var(--yellow);font-size:32pt;margin-bottom:30px}@media (max-width: 625px){#references{width:90%;margin-bottom:50px}#references h1{text-align:center}}#other{color:#fff;width:80%;display:flex;flex-direction:column}#other h1{color:var(--yellow);margin-top:50px;margin-bottom:75px;font-size:32pt}#other h2{color:var(--dark-yellow);font-size:24pt}.other-data{display:flex;gap:200px;justify-content:space-between;width:70%;align-self:center;margin-bottom:150px}.cv a{font-style:italic;color:#fff;text-decoration:none}.contact{display:flex;align-items:center;gap:30px;margin-top:10px}.contact img{max-height:40px;max-width:40px;border-radius:5px}.contact a{color:#fff;text-decoration:none;font-weight:600;font-size:14pt}.rside-other{display:flex;flex-direction:column;gap:50px}.cv p,.education b{font-size:14pt}@media (max-width: 1270px){.other-data{width:90%;gap:0;justify-content:space-between}}@media (max-width: 810px){.other-data{flex-direction:column;gap:50px}}@media (max-width: 625px){#other h1{text-align:center}#other{width:90%}.other-data{text-align:center;align-items:center;width:100%}}@media (max-width: 400px){.contact a{font-size:12pt}}.separator{width:80vw;border-bottom:1px solid var(--dark-yellow);align-self:center}@media (max-width: 625px){.separator{width:90vw}}:root{--dark: #000814;--dark-blue: #001D3D;--blue: #003566;--dark-yellow: #FFC300;--yellow: #FFD60A;--not-highlighted: #3B5D83;--white: #FFFFFF}*{font-family:Titillium Web,sans-serif;margin:0;padding:0}body::-webkit-scrollbar{display:none}body{background-color:var(--dark);-ms-overflow-style:none;scrollbar-width:none}#app{display:flex;flex-direction:column;align-items:center}