#hero{display:flex;flex-direction:column;justify-content:space-between;padding:24px;min-height:fit-content;width:100%;border-radius:var(--main-border-radius);border:solid 1px var(--accent-color)}#hero p{max-width:900px;padding:12px 0 100px}#socials{display:flex;justify-content:start;align-items:center;gap:24px}#socials a{text-decoration:none;color:#fff;display:flex;justify-content:start;align-items:center;width:100%;padding:8px 16px}#socials li p{display:flex;align-items:center;width:100%;height:100%;padding:0 5px;margin:0}#socials li{cursor:pointer;height:44px;background-color:#000;border-radius:100px;display:flex;gap:7px;transition:.2s}#socials li:hover{transform:translateY(2px)}.social-icon path{fill:#000}.social-icon{height:100%}#socials #cv-button{background-color:transparent;border:solid 2px var(--accent-color)}#socials #cv-button a{color:var(--accent-color)}@media only screen and (max-width: 600px){#socials{flex-direction:column;align-items:start}}:root{--project-card-border-radius: 12px}#projects{min-height:100svh;height:fit-content;display:flex;align-items:center;flex-direction:column;padding-bottom:70px}#project-list{display:flex;justify-content:center;flex-wrap:wrap;padding:0;gap:40px}.project-card{position:relative;border-radius:var(--project-card-border-radius);display:flex;flex-direction:column;height:400px;width:fit-content;transition:.2s;box-shadow:15px 15px 30px -10px #000000d6}.project-info{position:absolute;bottom:0;color:#fff;padding:24px;width:100%}.project-info>*{width:50%}.project-info h3{-webkit-text-stroke:3px #000000;paint-order:stroke fill;width:100%;bottom:0;font-size:2rem;font-family:var(--title-font);letter-spacing:2px}.project-card figure{border-radius:var(--project-card-border-radius);position:relative;height:100%;width:100%}.project-card figure img{border-radius:var(--project-card-border-radius);height:100%;aspect-ratio:16/9}.image-overlay{box-shadow:inset 0 0 100px 30px #000;position:absolute;border-radius:var(--project-card-border-radius);top:0;left:0;width:100%;height:100%;transition:.2s;background:#000;background:linear-gradient(180deg,#0000 54%,#000 91%)}.button-container{margin:0;opacity:0;height:0px;width:0%;display:flex;align-items:center;gap:16px;transition:.2s}.button-container button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid white;background-color:#000;border-radius:100px;padding:8px 16px;font-size:inherit;width:100%;height:100%;color:#fff;min-width:fit-content}.repo-button{font-family:monospace}.button-container button{height:100%;cursor:pointer}.button-container button:hover{cursor:pointer;transform:translateY(1px)}.button-container a{text-decoration:none}.project-card .button-container{font-size:1rem;height:44px;width:100%;opacity:1;margin:12px 0}.button-container img{fill:#fff;height:24px}.button-container img path{fill:#fff}#tools{height:50%;padding:7px 0;display:flex;gap:7px}#tools li{position:relative;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}#tools img{width:30px;aspect-ratio:1}#tools p{position:absolute;bottom:-16px;left:3px;z-index:2;width:0px;text-overflow:clip;overflow:hidden;transition:.3s}#tools .tool-icon:hover+p{width:100px}@media only screen and (max-width: 600px){.project-card{position:relative;border-radius:var(--project-card-border-radius);display:flex;flex-direction:column;height:auto;width:95vw;aspect-ratio:16/9;transition:.2s;box-shadow:15px 15px 30px -10px #000000d6}.project-card h3{padding-bottom:auto;text-wrap:nowrap;font-size:1.2rem}#tools{height:fit-content;margin-top:10%;padding:0}.project-info{height:100%;justify-content:end}.button-container{font-size:.5rem}.button-container{font-size:1rem;height:44px;width:100%;opacity:1;margin:12px 0}}footer{padding:24px;display:flex;align-items:center;color:#fff;height:50px;background-color:#141414;margin-top:auto}body footer section{padding:0}header{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:24px;background-color:var(--main-color);position:sticky;top:0;width:100%;z-index:999;margin-bottom:10px;border-bottom:solid 1px var(--accent-color)}header ul{font-family:var(--title-font);font-weight:700;display:flex;gap:24px}header h1{font-family:var(--title-font);position:relative;min-width:fit-content}header h1:after{content:"Software Developer";position:absolute;font-size:50%;bottom:-50%;right:0}header li{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;background:transparent;width:150px;height:50px;text-decoration:none;border-radius:100px;color:#000;transition:.15s;background-color:transparent}header a{padding:16px;height:100%;width:100%;text-decoration:none;color:inherit}header li:hover{color:var(--main-color)}header li a{z-index:2;display:flex;align-items:center;justify-content:center}header li:after{content:"";transition:inherit;position:absolute;display:flex;bottom:0;width:150px;height:0px;background-color:var(--accent-color);border-radius:100px;width:50%}header li:hover:after{height:100%;width:100%}.mobile,#burger-menu *{display:none}#hamburger-toggle{position:relative;justify-content:center;align-items:center;background-color:transparent;border:none}@media only screen and (max-width: 600px){#burger-menu *{display:flex}nav{position:relative}nav button{z-index:2}#burger-menu{z-index:1;top:0;left:0;background-color:var(--accent-color);position:fixed;width:100vw;height:100vh;padding:24px}#burger-menu ul #burger-menu li,#burger-menu a{color:#fff}.mobile,#hamburger-toggle{display:flex}#hamburger-toggle{color:#fff;z-index:2}#burger-icon{height:32px;aspect-ratio:1}header{border:none}header ul{display:none}header #burger-menu ul{display:flex;flex-direction:column;gap:24px;padding:120px 42px;width:100%;height:100%}header #burger-menu li{justify-content:start;padding:0;height:fit-content}header #burger-menu li:after{display:none}}#interests{display:flex;flex-direction:column;align-items:center;min-height:fit-content;height:50svh}#interests p{line-height:150%}code{font-family:monospace}i{background-color:#000;color:#fff;padding:3px 6px}#tarkov{font-family:var(--tarkov-font);font-weight:500}#cs{font-size:1.4rem;height:100%;font-family:var(--cs-font)}:root{--dot-width: 25px;--line-width: 3px;--dot-offset: calc((var(--dot-width) + var(--line-width)) / 2 * -1);--linebreak-lenght: 90px}#experience{display:flex;flex-direction:column;align-items:center}#experience ul{display:flex;flex-direction:column}.experience-card{margin-left:calc(var(--dot-offset) * -1);position:relative;padding:12px 12px 42px;border-left:solid var(--line-width) var(--accent-color)}.experience-card:before{position:absolute;content:"";top:var(--dot-offset);left:var(--dot-offset);background-color:var(--accent-color);width:var(--dot-width);aspect-ratio:1;border-radius:100%}.experience-card h4{padding:0 3px;font-weight:600}#experience-list li:nth-last-of-type(-n+1) .experience-card:after{position:absolute;content:"";left:var(--dot-offset);bottom:0;background-color:var(--accent-color);width:var(--dot-width);height:var(--line-width)}.note:before{content:"- "}.linebreak{padding:3px;border-top:solid 1px var(--accent-color);width:var(--linebreak-lenght)}.job-timespan{width:var(--linebreak-lenght);text-align:center;margin:0 3px;width:fit-content}@media only screen and (max-width: 600px){.note:before{display:none}.note{padding-bottom:12px}}:root{--main-color: #faf8f3;--accent-color: rgb(20, 20, 20);--mobile-width: 600px;--header-height: 120px;--main-border-radius: 12px;background-color:linear-gradient(180deg,rgba(250,248,243,1) 49%,rgba(20,20,20,1) 50%);background-color:var(--main-color)}#root{background-color:var(--main-color);display:flex;flex-direction:column;justify-content:start}*{padding:0;margin:0;box-sizing:border-box;list-style:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{overflow-x:hidden}main{padding:24px;height:fit-content}body section{padding-top:var(--header-height)}section h2{padding:24px 0}.noscroll{overflow:hidden}:root{--title-font: "Montserrat", Arial, Helvetica, sans-serif;--tarkov-font: "Bender", Arial, Helvetica, sans-serif;--cs-font: "Counter-Strike", Arial, Helvetica, sans-serif}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Light-C0R4aJ1n.ttf)}@font-face{font-family:Bender;src:url(/assets/Bender-DMylYQTo.otf)}@font-face{font-family:Counter-Strike;src:url(/assets/cs_regular-CdgBDkrW.ttf)}