@font-face{font-family:Quantico;src:url(/assets/Quantico-BoldItalic-C-WIutfl.ttf);font-weight:700;font-style:italic, oblique}@font-face{font-family:Quantico;src:url(/assets/Quantico-Bold-C0TFRA5H.ttf);font-weight:700}@font-face{font-family:Quantico;src:url(/assets/Quantico-Italic-BEfxm4Cn.ttf);font-style:italic, oblique}@font-face{font-family:Quantico;src:url(/assets/Quantico-Regular-BXatNHwx.ttf)}@font-face{font-family:Quicksand;src:url(/assets/Quicksand-VariableFont_wght-DE2wFU7n.ttf)}:root{--dark-bg1:#000;--dark-bg2:#170062;--dark-bg3:#4c245c;--dark-bg-header:#001379;--dark-fg1:#eee;--dark-fg1-t:#eeec;--dark-fg2:#28ffdd;--dark-fg3:#d257ff;--bg1:var(--dark-bg1);--bg2:var(--dark-bg2);--bg3:var(--dark-bg3);--bg-header:var(--dark-bg-header);--fg1:var(--dark-fg1);--fg1-t:var(--dark-fg1-t);--fg2:var(--dark-fg2);--fg3:var(--dark-fg3);font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:500}*{box-sizing:border-box;transition-duration:.5s}html,body{margin:0;padding:0}body,#app{width:100%;height:100%}body{background:var(--bg2);overflow:hidden}#app{--topbar-height:3rem;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:auto 1fr;grid-template-areas:"sidebar topbar""sidebar content";height:100vh;margin:0;display:grid;overflow:hidden}header{z-index:100;grid-area:topbar;align-items:center;margin:0;padding:0 1rem;display:flex}#sidebar{grid-area:sidebar;margin:0;padding:1rem}main{background-color:var(--bg1);grid-area:content;padding:2rem;overflow-y:auto}.sidebar-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-family:Quantico;font-size:1.5rem;font-weight:900;display:none}@media (width<=768px){#app{grid-template:"topbar""content"/auto}header{width:100%;height:var(--topbar-height);z-index:9999;justify-content:space-between;position:fixed;top:0;left:0}header>h1{font-size:1.05rem}#sidebar{z-index:1000;transition:transform .3s;position:fixed;inset:0;transform:translate(-100%)}#sidebar nav{justify-content:center!important}#sidebar.open{transform:translate(0)}.sidebar-toggle-btn{display:block}section{padding-block-start:calc(var(--topbar-height) + 1.1rem)!important}}header{background:var(--bg-header);--angle:100deg;box-shadow:0 -5rem 10rem var(--bg1);color:#fff;display:flex}header>h1{margin:0;margin-inline-start:1rem;font-family:Quantico;font-weight:700}header>#lang-select{margin-inline:auto 1rem;font-family:Quantico}@media (width<=768px){header>h1,header>#lang-select{margin:0}}#sidebar{background:var(--bg-header);--angle:245deg;padding:0}#sidebar>nav{--button-size:40px;height:100%;color:var(--fg2);flex-direction:column;justify-content:center;margin:0;padding:0;display:flex}#sidebar>nav button{cursor:pointer;width:var(--button-size);height:var(--button-size);border:0px solid var(--fg2);background:0 0;border-radius:.4em 0 0 .4rem;transition-duration:.1s;display:block}#sidebar>nav button:hover{border:2px solid var(--fg2)}#sidebar>nav img{width:100%}#sidebar nav:any-link,#sidebar nav a{text-decoration:none;position:relative}#sidebar nav a .text{top:0;left:var(--button-size);width:max-content;height:var(--button-size);-webkit-user-select:none;user-select:none;color:#fff;background-color:var(--bg-header);border:2px solid var(--fg2);z-index:1000;border-inline-start:0;border-radius:0 .5em .5em 0;justify-content:flex-start;align-items:center;padding-inline:.5rem;display:flex;position:absolute;overflow:hidden;transform:scaleY(0)}#sidebar nav a:hover .text,#sidebar nav a:focus .text{transition-duration:.1s;transform:scaleY(1)}@media (width<=768px){#sidebar nav{justify-content:flex-start;align-items:center;gap:1.5rem;padding-block-start:1rem}#sidebar nav a{background-color:#222;border-radius:.5rem;flex-flow:row;display:flex}#sidebar nav a .text{background:0 0;border:0;position:static;transform:scaleY(1)}}header,#sidebar{background:linear-gradient(var(--angle), #041647 0%, #0227a5 40%, #0539e6 60%, var(--dark-bg-header) 80%)}main{background-color:var(--bg1);width:100%;height:100%;color:var(--fg1);margin:0;padding:0;overflow-y:scroll}main>section>*{width:100% default;max-width:1200px;margin-inline:auto;margin-block:0!important;padding-block:3rem!important}#about,#projects,#contact,main{background-color:var(--bg2);--angle:164deg;background:linear-gradient(var(--angle), #00084f 0%, #001e78 25%, #0034a6 50%, #0049d8 95%, #005eff 100%)}#skills,#background,#links{background-color:var(--bg1);--angle:90deg;background:linear-gradient(var(--angle), #05050a 0%, #05050a 7.692%, #090a0e calc(7.692% + 1px), #090a0e 15.385%, #0d0e12 calc(15.385% + 1px), #0d0e12 23.077%, #121316 calc(23.077% + 1px), #121316 30.769%, #16171a calc(30.769% + 1px), #16171a 38.462%, #1a1b1e calc(38.462% + 1px), #1a1b1e 46.154%, #1e1f22 calc(46.154% + 1px), #1e1f22 53.846%, #222326 calc(53.846% + 1px), #222326 61.538%, #26272a calc(61.538% + 1px), #26272a 69.231%, #292a2d calc(69.231% + 1px), #292a2d 76.923%, #2c2d30 calc(76.923% + 1px), #2c2d30 84.615%, #2e2f33 calc(84.615% + 1px), #2e2f33 92.308%, #303135 calc(92.308% + 1px) 100%)}#projects{--angle:90deg}#contact{--angle:295deg}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}lt-toolbar,lt-toolbar *{transition-duration:0s}#about>div{flex-direction:row;display:flex}#about .description{width:50%;padding:2rem 3rem;font-size:1.2rem}#about .description h2{font-size:2rem}#about .image{width:50%}#about .image img{height:25rem}@media (width<=768px){#about>div{flex-direction:column}#about .description{width:100%;padding:0 1rem}#about .image{aspect-ratio:1;width:100%}}#skills>div{flex-flow:wrap;justify-content:center;align-items:center;gap:1em;height:fit-content;padding:1rem 2rem;display:flex}#skills .badge{background-color:#222;border:2px solid #fff;border-radius:7px;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:.2em .5em;display:flex}#skills .badge img{width:1em;height:1em;margin-inline-end:.3em}#skills .badge span{text-wrap:nowrap}#projects{text-align:center;height:max-content}#projects-box{--colwidth:16rem;--rowheight:9rem;--gap:1.5rem;gap:var(--gap);padding:var(--gap);flex-flow:wrap;display:flex}#projects-box .project{width:var(--colwidth);height:var(--rowheight);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0rem 0rem 0rem var(--bg1);--grown-text-size:1.2em;background-position:50%;background-size:cover;border:none;border-radius:1rem;transition-duration:.1s;position:relative;overflow:hidden}@media (width<=768px){#projects{justify-content:center;width:100%}#projects .project{width:100%;height:max-content;min-height:10rem}}#projects .project:hover{box-shadow:0 .2rem 1rem var(--fg1-t);font-size:var(--grown-text-size)}#projects .project:active{font-size:var(--grown-text-size);box-shadow:0 .2rem .2rem var(--fg3)!important}#projects .project:focus{box-shadow:0 .2rem .2rem var(--fg2);font-size:var(--grown-text-size)}#projects .project .title{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#111b;width:100%;height:auto;margin:0;padding:.7rem 1rem;display:block;position:absolute;bottom:0;left:0}#background{text-align:center;height:max-content;padding:0 1rem}#background .experiences{--exp-width:18rem;flex-flow:wrap;display:flex}.experience{--before-line-separation:3rem;--line-box-separation:2rem;--ball-size:5px;margin-block-end:3rem;position:relative}@keyframes greenblueborder{0%{border:1px solid #7fff00}to{border:1px solid #0ff}}.experience .exp-box{width:var(--exp-width);background-color:#191970;border-radius:1rem;margin-inline-end:2rem;padding:.5rem 1rem;animation:5s ease-in-out infinite alternate greenblueborder;position:relative;border-width:2px!important}.experience .exp-box:before{left:calc(2rem + var(--ball-size) / 2);top:calc(-2px - var(--line-box-separation));content:" ";width:0;height:var(--line-box-separation);animation:5s ease-in-out infinite alternate greenblueborder;position:absolute}.experience .exp-line{width:100%;height:0;margin-block:var(--before-line-separation) var(--line-box-separation);animation:5s ease-in-out infinite alternate greenblueborder;position:relative}.experience .exp-line .exp-label{--distance:2.5rem;left:2rem;top:calc(0rem - var(--distance));text-wrap:nowrap;position:absolute}.experience .exp-line .exp-label:before{left:0;top:calc(var(--distance) - var(--ball-size));width:var(--ball-size);height:var(--ball-size);content:" ";z-index:100;background-color:#000;border:3px solid #7fff00;border-radius:100%;position:absolute;box-shadow:0 0 10px #0ff}@media (width<=768px){.experience{flex-direction:row;width:100%;margin-block:0;display:flex}.experience .exp-line{--before-line-separation:.2rem;width:0;height:100%;margin-block:0;margin-inline:var(--before-line-separation) var(--line-box-separation)}.experience .exp-line .exp-label{top:-.5em;left:var(--line-box-separation)}.experience .exp-line .exp-label:before{top:.3em;left:calc(-5px - var(--line-box-separation))}.experience .exp-box{width:100%;margin-block:3rem 1rem}.experience .exp-box:before{left:calc(-4px - var(--line-box-separation));width:var(--line-box-separation);height:0;top:1rem}}#contact{text-align:center;height:max-content}#contact h2{margin:.8em auto}#contact-box{--gap:1.3rem;gap:var(--gap);padding:var(--gap);grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 2fr;grid-template-areas:"name message""email message""send message";height:22rem;display:grid}#contact-box .name{grid-area:name}#contact-box .email{grid-area:email}#contact-box .message{grid-area:message}#contact-box .send{grid-area:send}#contact-box .name,#contact-box .email,#contact-box .message,#contact-box .send{border:none;border-radius:.3rem}#contact-box .name,#contact-box .email{padding-inline:1rem;font-family:Quantico;font-size:1rem}#contact-box .message{padding:1rem;font-family:Quicksand;font-size:.9rem}#contact-box .send{text-shadow:-.1rem .1rem .4rem var(--bg1);color:var(--fg1);cursor:pointer;box-shadow:0rem 0rem 0rem var(--bg1);background:linear-gradient(15deg,#3a2dff 0%,#3c34ff 3.03%,#3f3bff 6.061%,#4143ff 9.091%,#444cff 12.121%,#4756ff 15.152%,#4a60ff 18.182%,#4c6aff 21.212%,#4e74ff 24.242%,#4f7eff 27.273%,#5087ff 30.303%,#5191ff 33.333%,#5199ff 36.364%,#50a1ff 39.394%,#4fa8ff 42.424%,#4eafff 45.455%,#4cb4ff 48.485%,#4ab8ff 51.515%,#47bbff 54.545%,#45bdff 57.576%,#42beff 60.606%,#3fbdff 63.636%,#3cbbff 66.667%,#3ab8ff 69.697%,#38b4ff 72.727%,#36aeff 75.758%,#35a8ff 78.788%,#34a1ff 81.818%,#3499ff 84.848%,#3490ff 87.879%,#3587ff 90.909%,#367dff 93.939%,#3873ff 96.97%,#3a69ff 100%);border-radius:1rem .5rem;font-family:Quantico;font-size:1.5rem;font-weight:900}#contact-box .send:hover{box-shadow:0rem 0rem 1rem var(--bg1)}@media (width<=768px){#contact-box{--gap:.5rem;grid-template:"name"1fr"email"1fr"message"4fr"send"1fr/1fr;height:70vh}}#links{text-align:center;height:max-content}.links-box{flex-direction:row;justify-content:center;width:100%;display:flex}@media (width<=768px){.links-box{flex-direction:column}}.links-box .col{flex-direction:column;width:100%;padding:0 1rem;display:flex}.links-box .col a{--special-color:darkblue;background-color:var(--special-color);color:#fff;border-radius:7px;grid-template-rows:3rem;grid-template-columns:2rem auto;align-items:center;margin-block-end:1rem;padding-inline:1rem;font-weight:700;text-decoration:none;transition-duration:.1s;display:grid}.links-box .col a:hover{color:var(--special-color);background-color:#fff}.links-box a img{aspect-ratio:1;width:100%}.links-box a{box-shadow:0 0 .5rem var(--fg3)}.links-box a.codeberg{--special-color:#1e78bb}.links-box a.github{--special-color:#222}.links-box a.defcon{--special-color:#1b1b83}.links-box a.peertube{--special-color:red}.links-box a.peertube img{filter:drop-shadow(2px 2px #fff)}.links-box a.disabled{opacity:.8;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#333!important}.links-box a.disabled:hover{color:inherit}.links-box a.disabled img{filter:saturate(0)}