@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.background-container{position:absolute;z-index:-1;display:grid;grid-template-columns:repeat(var(--background-cols),1fr);grid-template-rows:repeat(var(--background-rows),1fr);width:var(--scroll-width);height:var(--scroll-height)}.background-grid-item{margin:1px;background-color:transparent;transition-duration:.7s;background-color:var(--bg);pointer-events:auto}.background-grid-item:hover{transition-duration:0ms;scale:.9}.background-notif{position:fixed;width:17em;padding:1em;left:1em;top:1em;border-radius:1.5em;box-shadow:0 0 1em var(--shadow);z-index:100}.background-notif *{margin:0;font-size:1.1em;color:var(--fg)}.background-notif h3{margin-bottom:.3em;font-size:1.3em}.main-container{display:grid;grid-template-areas:"a b c" "d b e";grid-auto-columns:min(23em,90vw);grid-auto-rows:23em;gap:1.8em}@media (max-width: 1212px){.main-container{grid-template-areas:"c b" "a b" "d e"}}@media (max-width: 785px){.main-container{grid-template-areas:"c" "b" "b" "a" "d" "e"}}.block{padding:1em;border-radius:2em;transition:all .4s,box-shadow 2s;color:var(--fg);box-shadow:0 0 1em var(--shadow)}.project-block{grid-area:a}.about-me-block{grid-area:b}.logo-block{grid-area:c;display:flex;align-items:center;place-items:center}.logo-block img{transition:1s;filter:invert(var(--invert-amount))}.small-links-block{grid-area:e;display:grid;align-items:center;justify-content:center;grid-template-columns:40% 40%;gap:10%}.small-links-block div{background-color:color-mix(in srgb,var(--bg) var(--trans-three),var(--alt-fg) var(--trans-four));border-radius:.25em;padding:.15em;font-size:5em;display:grid;align-items:center;justify-content:center;transition:all .15s,background-color 1s}.small-links-block .empty{background-color:transparent}.small-links-block a{color:var(--fg);transition:1s}.small-links-block div:hover{scale:1.1}.about-me-json{text-indent:0;background-color:color-mix(in srgb,var(--bg) var(--trans-three),var(--alt-fg) var(--trans-four));border-radius:.3em;padding:.5em;margin:0 -.5em}.key{color:#488e87}.value{color:#8b922d}:root{--tooltip-text-color: var(--fg);--tooltip-background-color: color-mix(in srgb, var(--bg) var(--trans-two), var(--alt-fg) var(--trans-three));--tooltip-margin: 30px;--tooltip-arrow-size: 0px}.Tooltip-Wrapper{display:inline-block;position:relative}.Tooltip-Tip{position:absolute;border-radius:4px;transform:translate(50%,50%);right:50%;top:20%;padding:6px;color:var(--tooltip-text-color);background:var(--tooltip-background-color);font-size:1em;font-family:sans-serif;line-height:1;z-index:100;white-space:nowrap}.Tooltip-Tip:before{content:" ";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:var(--tooltip-arrow-size);margin-left:calc(var(--tooltip-arrow-size) * -1)}.Tooltip-Tip.top{top:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.top:before{top:100%;border-top-color:var(--tooltip-background-color)}.Tooltip-Tip.right{left:calc(100% + var(--tooltip-margin));top:50%;transform:translate(0) translateY(-50%)}.Tooltip-Tip.right:before{left:calc(var(--tooltip-arrow-size) * -1);top:50%;transform:translate(0) translateY(-50%);border-right-color:var(--tooltip-background-color)}.Tooltip-Tip.bottom{bottom:calc(var(--tooltip-margin) * -1)}.Tooltip-Tip.bottom:before{bottom:100%;border-bottom-color:var(--tooltip-background-color)}.Tooltip-Tip.left{left:auto;right:calc(100% + var(--tooltip-margin));top:50%;transform:translate(0) translateY(-50%)}.Tooltip-Tip.left:before{left:auto;right:calc(var(--tooltip-arrow-size) * -2);top:50%;transform:translate(0) translateY(-50%);border-left-color:var(--tooltip-background-color)}.technologies-block{grid-area:d}.tech-stack-imgs{display:grid;align-items:center;justify-content:center;grid-template-columns:35% 35%;gap:10%}.tech-stack-img{padding:1em;border-radius:1.5em;width:75%;transition:background-color 2s;background-color:color-mix(in srgb,var(--bg) var(--trans-three),var(--alt-fg) var(--trans-four))}@supports (-moz-appearance:none){.tech-stack-img{width:250%}}.projects{display:grid;justify-content:center;align-items:center;overflow:hidden;padding:1.5em;width:69.6em;height:44.8em;border-radius:2em;box-shadow:0 0 1em var(--shadow)}.projects-wrapper{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;justify-content:center;gap:2em 4.5em;max-height:100%;height:100%;width:100%;border-radius:1.5em;overflow:hidden;overflow-y:scroll}@media (max-width: 1212px){.projects{width:44.8em;height:90vh}.projects-wrapper{grid-template-columns:repeat(2,1fr);gap:2em 5em}}@media (max-width: 785px){.projects{width:min(75vw,20em);height:90vh}.projects-wrapper{grid-template-columns:repeat(1,1fr);gap:2em 5em}}.project{background-color:color-mix(in srgb,var(--bg) var(--trans-three),var(--alt-fg) var(--trans-three));width:18em;border-radius:2em;padding:1em 1em 3.5em;display:flex;flex-direction:column;align-items:center;place-items:center;position:relative;color:var(--fg);transition:1s}.project *{margin-top:0;margin-bottom:0}.project p{font-size:1em}.project img{width:17em;border-radius:1em}.project .links,.project .tech{display:flex;bottom:1em;position:absolute}.project .links{right:.5em}.project .tech{left:.5em;margin:0 0 -.6em}.project .tech img{width:1em;margin:0;padding:.5em;border-radius:.2em;background-color:transparent}.project a{margin:0 .8em 0 0;font-size:1em;color:var(--fg);transition:.2s}.project a:hover{scale:1.2}.skills{display:grid;justify-content:center;align-items:center;overflow:hidden;padding:1.5em;width:69.6em;height:44.8em;border-radius:2em;box-shadow:0 0 1em var(--shadow)}.skills-wrapper{display:grid;grid-template-rows:repeat(3,1fr);align-items:none;justify-content:center;max-height:100%;height:100%;width:100%;overflow:hidden;overflow-y:scroll;font-size:1.1em;color:var(--fg);margin:0;padding-top:3em;transition:1s}@media (max-width: 1212px){.skills{width:44.8em;height:90vh}.skills-wrapper{grid-template-columns:repeat(1,1fr);gap:2em 5em}}@media (max-width: 785px){.skills{width:min(75vw,20em);height:90vh}.skills-wrapper{grid-template-columns:repeat(1,1fr);gap:2em 5em}.skills-container{justify-content:center}.skills-container .tech-stack-img{width:3.5em!important}}.skills-wrapper h1{font-size:1.5em;color:var(--fg);margin-right:10px;display:inline-block;transition:1s}.skills-wrapper .tech-stack-img{width:4em;padding:.7em;margin:.5em;border-radius:1.5em}.skills-container{display:flex;align-items:center;flex-wrap:wrap}:root{--primary: #649173;--secondary: #dbd5aa;--secondary: #fcfccc;--dark-bg: #1C1C1C;--dark-fg: #e2e2e2;--dark-trans: #8C8C8C;--dark-shadow: #080808;--light-bg: #c1c1c1;--light-fg: #0a0a0a;--light-trans: #b5b5b5;--light-shadow: #cbcbcb;--bg: var(--dark-bg);--fg: var(--dark-fg);--trans: var(--dark-trans);--shadow: var(--dark-shadow);--alt-bg: var(--light-bg);--alt-fg: var(--light-fg);--alt-trans: var(--light-trans);--alt-shadow: var(--light-shadow);--trans-one: 70%;--trans-two: 50%;--trans-three: 30%;--trans-four: 15%;--invert-amount: .15;--scroll-height: 0px;--scroll-width: 0px;--scrollable-height: 69.6em;--overflow: visible;animation:background-pan 10s linear infinite;background:linear-gradient(to right,var(--primary),var(--secondary),var(--primary));background-size:200%;font-family:Jetbrains Mono,Mono;color:(--fg);-ms-overflow-style:none;scrollbar-width:none}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}h1,h2,h3{font-family:Montserrat;font-weight:800}*{pointer-events:none}html,body{height:100%;margin:0;overflow:var(--overflow)}.block,.nav-buttons-container,.hoverable,img,.small-links-block div,.small-links-block a,.project,.project a,.projects-wrapper,.skills-wrapper,button{pointer-events:auto}::-webkit-scrollbar{display:none}h1{font-size:2.5em;margin-top:.2em;margin-bottom:.2em}p{font-size:1.2em;text-indent:25px}main{display:grid;align-items:center;justify-content:center;width:100vw;height:100vh}.inner-main-container{display:flex;align-items:center;place-items:center;padding-bottom:clamp(.5vh,2.5vh,2.5vh);padding-top:clamp(.5vh,2.5vh,2.5vh)}.hoverable{background-color:rgb(from var(--trans) r g b) / var(--trans-two);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:1s}.hoverable:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-buttons-container{margin-left:1em;padding:.8em;border-radius:1.5em;box-shadow:0 0 1em var(--shadow);transition:.5s;width:3.5em;height:12em;display:grid;grid-template-columns:1fr;gap:.8em}@media (max-width: 1292px){.nav-buttons-container{position:fixed;z-index:2;top:1em;right:1em}}.nav-buttons-container button{background-color:color-mix(in srgb,var(--bg) var(--trans-three),var(--alt-fg) var(--trans-three));color:var(--alt-bg);padding:1em;border-radius:2em;border:none;transition:.3s}.nav-buttons-container button.active{background-color:rgb(from var(--secondary) r g b / var(--trans-two))}.nav-buttons-container button.active:hover,.nav-buttons-container button:hover{background-color:rgb(from var(--secondary) r g b / var(--trans-one))}.nav-buttons-container button.active:active,.nav-buttons-container button:active{background-color:rgb(from var(--primary) r g b / var(--trans-one));scale:1.1}