@import url(https://unpkg.com/open-props/easings.min.css);.App{text-align:center}.App-logo{height:35vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:80vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.images{display:flex;flex-wrap:wrap;justify-content:center}.images img{height:auto;margin:5px;min-width:100px}:root{--background-color:#0e0e0e;--text-color:#fff;--nav-text-color:#fff;--nav-text-hover:#b3b3b3;--button-background:#fff;--hover-button-background:#0e0e0e;--button-color:#0e0e0e;--blue-text-color:#fff;--hover-text-color:#fff;--memory-game-background:#161616}[data-theme=light]{--background-color:#fff;--text-color:#0e0e0e;--nav-text-color:#0e0e0e;--nav-text-hover:#54606b;--button-background:#0e0e0e;--hover-button-background:#fff;--button-color:#fff;--blue-text-color:#0e0e0e;--hover-text-color:#0e0e0e;--memory-game-background:#ececec}body{background-color:#0e0e0e;background-color:var(--background-color);margin:0;overflow-x:hidden;padding:0;width:100%}a{text-decoration:none}html{background-color:#0e0e0e;background-color:var(--background-color)}li{list-style:none}nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0e0e0e;background-color:var(--background-color);background:#0000;box-sizing:border-box;display:flex;justify-content:space-between;padding:24px 88px 24px 24px;position:fixed;width:100%;z-index:99}@media screen and (max-width:1100px){nav{padding:18px 24px}}.nav-list{align-items:center;display:flex;justify-content:right;margin:0}.nav-item,.nav-item a{color:#fff;color:var(--nav-text-color);cursor:pointer;font-family:GeistMono,monospace;font-size:16px;font-weight:500;line-height:24px;padding:8px 24px}.nav-item a{letter-spacing:1px}.nav-item a:hover,.nav-item:hover{color:#b3b3b3;color:var(--nav-text-hover)}.hamburger{cursor:pointer;display:none;flex-direction:column}.hamburger svg{fill:#fff;fill:var(--nav-text-color);margin:4px;transition:all .3s}.hamburger span{background-color:#fff;background-color:var(--nav-text-color);height:3px;margin:4px;transition:all .3s;width:25px}@media(max-width:1100px){.nav-list{background-color:#0e0e0e;background-color:var(--background-color);display:none;flex-direction:column;position:absolute;right:0;top:64px;width:100%}.nav-list.active{display:flex;height:100vh;position:absolute;transform:translateX(0);z-index:1000}.nav-list.active .nav-item{margin:10px 0;padding:8px 24px}.hamburger{display:flex;justify-content:center}}.resume-button{margin:0 20px}.resume-button a{background-color:#fff;background-color:var(--button-background);border:1px solid #fff;border:1px solid var(--text-color);border-radius:57px;color:#0e0e0e;color:var(--button-color);cursor:pointer;display:inline-block;font-family:GeistMono,monospace;font-size:14px;font-weight:700;letter-spacing:2px;line-height:12px;overflow:hidden;padding:14px 16px;position:relative;text-align:center}.resume-button a:before{background-color:#0e0e0e;background-color:var(--hover-button-background);border-radius:30px;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .5s ease;-webkit-transition:top .5s ease;width:100%;z-index:0}.resume-button a span{position:relative;transition:color .7s ease;-webkit-transition:color .7s ease;z-index:1}.resume-button a:hover:before{top:0}.resume-button a:hover span{color:#fff;color:var(--hover-text-color)}@media screen and (max-width:1100px){.resume-button{text-align:center}}.body-section{justify-content:center;margin:0 auto;max-width:1200px;padding:0 90px 90px}@media screen and (max-width:1000px){.body-section{padding:15px}}.body-section .hero-body{display:flex;flex-direction:row;height:100vh;max-width:1200px;text-align:right;width:100%}@media screen and (max-width:800px){.body-section .hero-body{flex-direction:column;height:auto}}.body-section .hero-body .left-hero{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:120px;padding-top:90px;width:30%}@media screen and (max-width:800px){.body-section .hero-body .left-hero{width:0}}.body-section .hero-body .right-hero{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:80px;width:70%}@media screen and (max-width:800px){.body-section .hero-body .right-hero{padding-bottom:0;width:100%}}.body-section .hero-body .right-hero .subtitle{color:#fff;color:var(--blue-text-color);font-family:GeistMono,monospace;font-size:16px;font-style:normal;font-weight:400;letter-spacing:1px;margin:4px 0;text-align:left}@media screen and (max-width:800px){.body-section .hero-body .right-hero .subtitle{font-size:14px}}.body-section .hero-body .right-hero .title{color:#fff;color:var(--text-color);font-family:Courier New,Courier,monospace;font-family:GeistMono,monospace;font-size:24px;font-size:48px;font-style:normal;font-weight:400;height:56px;letter-spacing:1px;margin:0 0 48px}@media screen and (max-width:800px){.body-section .hero-body .right-hero .title{font-size:30px}}.body-section .hero-body .right-hero .description{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:18px;font-style:normal;font-weight:400;letter-spacing:1px;margin:8px 0 24px;text-align:left}@media screen and (max-width:800px){.body-section .hero-body .right-hero .description{font-size:16px}}.contact-button{align-self:end;background-color:#fff;background-color:var(--button-background);border:1px solid #fff;border:1px solid var(--text-color);border-radius:30px;color:#0e0e0e;color:var(--button-color);font-family:GeistMono,monospace;font-size:18px;letter-spacing:1px;margin-top:32px;overflow:hidden;padding:14px 16px;position:relative;text-align:center}.contact-button:before{background-color:#0e0e0e;background-color:var(--hover-button-background);border-radius:30px;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .5s ease;-webkit-transition:top .5s ease;width:100%;z-index:0}.contact-button span{position:relative;transition:color .7s ease;-webkit-transition:color .7s ease;z-index:1}.contact-button:hover:before{border-radius:30px;top:0}.contact-button:hover span{color:#fff;color:var(--hover-text-color)}.logo{height:42px;width:42px}#cursor{background-color:#0000;border:1px solid #fff;border:1px solid var(--text-color);border-radius:50%;height:30px;mix-blend-mode:normal;opacity:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:30px;z-index:999}.about{display:flex;flex-direction:row;padding-top:90px}@media screen and (max-width:1000px){.about{flex-direction:column;padding-top:80px}}.about .about-content{width:50%}@media screen and (max-width:1000px){.about .about-content{align-self:center;max-width:700px;width:100%}}.about .about-content h2{color:#fff;color:var(--blue-text-color);font-family:GeistMono,monospace;font-size:32px;letter-spacing:1px;margin:0;padding:24px 0}@media screen and (max-width:1000px){.about .about-content h2{font-size:24px;max-width:700px;padding:16px 0}}.about .about-content p{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:16px;letter-spacing:.5px;margin:0;padding:24px 0 24px 40px}@media screen and (max-width:1000px){.about .about-content p{font-size:14px;max-width:700px;padding:16px 0 16px 20px}}.about .about-image{align-items:flex-start;display:flex;justify-content:flex-end;width:50%}@media screen and (max-width:1000px){.about .about-image{justify-content:center;width:100%}}.about .about-image img{aspect-ratio:1/1;border-radius:5px;height:auto;object-fit:cover;object-position:center 18%;width:400px}@media screen and (max-width:420px){.about .about-image img{max-width:400px;width:100%}}.skills{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;max-width:1200px;padding-top:200px}@media screen and (max-width:1000px){.skills{flex-direction:column;padding-top:80px}}.skills .content{width:50%}@media screen and (max-width:1000px){.skills .content{align-self:center;max-width:700px;width:100%}}.skills .content h2{color:#fff;color:var(--blue-text-color);font-family:GeistMono,monospace;font-size:32px;letter-spacing:1px;margin:0;padding:24px 0}@media screen and (max-width:1000px){.skills .content h2{font-size:24px;max-width:700px;padding:16px 0}}.skills .content p{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:16px;letter-spacing:.5px;margin:0;padding:24px 0 24px 40px}@media screen and (max-width:1000px){.skills .content p{font-size:14px;max-width:700px;padding:16px 0 16px 20px}}.skills .skills-game{align-items:last baseline;display:flex;flex-direction:column;justify-content:flex-end;justify-content:center;width:50%}@media screen and (max-width:1000px){.skills .skills-game{align-items:center;width:100%}}.experience{display:flex;flex-direction:row;max-width:1200px;padding-top:200px}@media screen and (max-width:1000px){.experience{flex-direction:column;padding-top:80px}}.experience .experience-left{width:50%}@media screen and (max-width:1000px){.experience .experience-left{align-self:center;max-width:700px;width:100%}}.experience .experience-left h2{color:#fff;color:var(--blue-text-color);font-family:GeistMono,monospace;font-size:32px;letter-spacing:1px;margin:0;padding:24px 0}@media screen and (max-width:1000px){.experience .experience-left h2{font-size:24px;padding:16px 0}}.experience .experience-left p{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:16px;letter-spacing:.5px;margin:0;padding:24px 40px}@media screen and (max-width:1000px){.experience .experience-left p{font-size:14px;padding:16px 0 16px 20px}}.experience .experience-right{width:50%}@media screen and (max-width:1000px){.experience .experience-right{align-self:center;max-width:700px;width:100%}}.experience .experience-right .experience-cards{display:flex;flex-direction:column;height:500px;overflow:scroll}@media screen and (max-width:1000px){.experience .experience-right .experience-cards{height:auto;overflow:scroll}}.experience .experience-right .experience-cards .ex-card{border-radius:5px;display:flex;flex-direction:row;padding:20px}@media screen and (max-width:1000px){.experience .experience-right .experience-cards .ex-card{flex-direction:column}}.experience .experience-right .experience-cards .ex-card h3{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:20px;margin:0}@media screen and (max-width:1000px){.experience .experience-right .experience-cards .ex-card h3{font-size:18px;max-width:700px}}.experience .experience-right .experience-cards .ex-card p{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:14px;max-width:700px}.experience .experience-right .experience-cards .ex-card span{color:gray;font-family:GeistMono,monospace;font-size:14px;max-width:150px;width:100%}.experience .experience-right .experience-cards .ex-card .tehnologies{border:2px solid #fff;border:2px solid var(--text-color);border-radius:200px;color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:18px;font-style:normal;font-weight:400;height:max-content;margin-bottom:10px;margin-right:10px;padding:4px 8px;text-align:center;width:max-content}.experience .experience-right .experience-cards .ex-card:hover{background-color:#161616;background-color:var(--memory-game-background);border-radius:5px}.tehnologies{border:2px solid #fff;border:2px solid var(--text-color);border-radius:200px;color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:18px;font-style:normal;font-weight:400;height:max-content;margin-bottom:10px;margin-right:10px;padding:4px 8px;text-align:center;width:max-content}.contact{align-items:flex-start;border-top:2px solid #fff;border-top:2px solid var(--text-color);display:flex;flex-direction:column;justify-content:center;margin-top:200px;max-width:1200px}@media screen and (max-width:1000px){.contact{margin-top:60px}}.contact .footer-contact{display:flex;flex-direction:row;width:100%}@media screen and (max-width:1000px){.contact .footer-contact{flex-direction:column}}.contact .footer-contact .menu{display:flex;flex-direction:column;justify-content:flex-end;width:25%}@media screen and (max-width:1000px){.contact .footer-contact .menu{width:100%}}.contact .footer-contact .menu ul{padding:0}.contact .footer-contact .menu ul li{margin-bottom:16px}.contact .footer-contact .menu ul li .menu-item{align-items:center;color:#fff;color:var(--text-color);color:inherit;display:inline-flex;font-family:GeistMono,monospace;font-size:16px;font-weight:500;letter-spacing:1px;text-decoration:none;transition:color .3s ease;-webkit-transition:color .3s ease}.contact .footer-contact .menu ul li .menu-item:hover{color:#b3b3b3;color:var(--nav-text-hover)}.contact .footer-contact .menu ul li .menu-item:hover .arrow-icon{transform:translate(5px,-5px);-webkit-transform:translate(5px,-5px);transition:transform .3s ease;-webkit-transition:transform .3s ease}.contact .footer-contact .menu ul li .arrow-icon{fill:#fff;fill:var(--text-color);margin-left:10px;transition:transform .3s ease;-webkit-transition:transform .3s ease;width:16px}.contact .footer-contact .menu ul li .pointer{cursor:pointer}.contact .footer-contact .menu ul li .underline{text-decoration:underline}.star{animation:fall 3s linear infinite;background:#fff;background:var(--text-color);border-radius:50%;height:6px;position:absolute;width:6px}.star:first-child{animation-delay:0s;animation-duration:2.5s;left:20%}.star:nth-child(2){animation-delay:1s;animation-duration:3.5s;left:40%}.star:nth-child(3){animation-delay:2s;animation-duration:2s;left:60%}.star:nth-child(4){animation-delay:1.5s;animation-duration:4s;left:80%}.star:nth-child(5){animation-delay:.5s;animation-duration:3s;left:10%}.star:nth-child(6){animation-delay:2s;animation-duration:2.8s;left:30%}.star:nth-child(7){animation-delay:3s;animation-duration:4.2s;left:50%}.star:nth-child(8){animation-delay:1.8s;animation-duration:2.4s;left:70%}.star:nth-child(9){animation-delay:.2s;animation-duration:3.7s;left:90%}.star:nth-child(10){animation-delay:1.7s;animation-duration:3.9s;left:25%}@keyframes fall{0%{opacity:1;top:-10px}to{opacity:0;top:100vh}}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports(cx:1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media(prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports(cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75);transition-duration:.25s;transition-timing-function:var(--ease-3)}[data-theme=dark] .sun-and-moon>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}[data-theme=dark] .sun-and-moon>.moon>circle{transition-delay:.25s;transition-duration:.5s}}.theme-toggle{--size:2rem;--icon-fill:#454d54;--icon-fill-hover:#22262a;-webkit-tap-highlight-color:rgba(0,0,0,0);aspect-ratio:1;background:none;block-size:var(--size);border:none;border-radius:50%;cursor:pointer;inline-size:var(--size);outline-offset:5px;padding:0;position:fixed;right:24px;top:24px;touch-action:manipulation;z-index:100}@media screen and (max-width:1100px){.theme-toggle{right:80px}}.theme-toggle>svg{stroke-linecap:round;block-size:100%;inline-size:100%}[data-theme=dark] .theme-toggle{--icon-fill:#abb3ba;--icon-fill-hover:#e2e6e9}@media(hover:none){.theme-toggle{--size:48px}}@media screen and (hover:none)and (max-width:1100px){.theme-toggle{--size:32px;top:25px}}html{block-size:100%;color-scheme:light}html[data-theme=dark]{color-scheme:dark}@supports not (color-scheme:dark){html[data-theme=dark]{background:#111}}[data-theme=dark] .github-corner{fill:indigo}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}[data-theme=dark] .sun-and-moon .moon{fill:var(--icon-fill);transform:translateX(0) scale(1)}.contact-form{display:flex;flex-direction:column}.contact-form button{cursor:pointer;width:100%}.contact-form input,.contact-form textarea{background-color:#0000;border:none;border-bottom:1px solid #fff;border-bottom:1px solid var(--text-color);border-left:1px solid #fff;border-left:1px solid var(--text-color);border-right:1px solid #fff;border-right:1px solid var(--text-color);font-family:GeistMono,monospace;font-size:16px;min-width:95%!important;outline:none;padding:10px;transition:border-color .3s ease}.contact-form .input-container{margin-bottom:20px;position:relative}.contact-form label{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:16px;left:10px;pointer-events:none;position:absolute;top:10px;transition:all .2s ease}.contact-form input:focus+label,.contact-form input:not(:placeholder-shown)+label,.contact-form textarea:focus+label,.contact-form textarea:not(:placeholder-shown)+label{color:var(--focus-border-color);font-size:12px;left:10px;top:-10px}html{scroll-padding-top:88px}.nav-cluster{margin-left:auto}.nav-cluster,.nav-status{align-items:center;display:flex;gap:8px}.nav-status{color:#fff;color:var(--nav-text-color);font-family:GeistMono,monospace;font-size:13px;letter-spacing:.2px;margin:0 8px 0 0;white-space:nowrap}.nav-dot{background:#69ebd6;border-radius:50%;flex:0 0 auto;height:8px;width:8px}@media screen and (max-width:1100px){.nav-status{display:none}}.hero{padding:120px 0 48px}.hero-layout{align-items:center;display:flex;gap:48px}.hero-copy{flex:1 1;min-width:0}.hero-copy h1{font-size:42px;font-weight:400;line-height:1.25;margin:0 0 24px}.hero-copy h1,.hero-lead,.hero-note,.hero-stack{color:#fff;color:var(--text-color);font-family:GeistMono,monospace;letter-spacing:.3px}.hero-lead,.hero-note,.hero-stack{margin:0}.hero-lead{font-size:18px;line-height:1.5;max-width:640px}.hero-stack{font-size:15px;margin-top:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-actions .contact-button{align-self:auto;margin-top:0;text-decoration:none}.contact-button.ghost{background:#0000}.contact-button.ghost,.contact-button.ghost span{color:#fff;color:var(--text-color)}.hero-visual{flex:0 0 200px;height:280px;overflow:hidden;position:relative;width:200px}.hero-visual .star{animation-name:fall-in}@keyframes fall-in{0%{opacity:1;top:-8px}to{opacity:0;top:100%}}.hero-note{font-size:15px;margin-top:36px}@media screen and (max-width:800px){.hero{padding-top:96px}.hero-layout{display:flex;flex-direction:column}.hero-copy h1{font-size:26px}.hero-visual{flex-basis:auto;height:120px;width:100%}}.wrapper{align-self:end;background:#161616;background:var(--memory-game-background);border-radius:10px;padding:25px;width:300px}@media screen and (max-width:1000px){.wrapper{align-self:center}}.card,.cards,.view{align-items:center;display:flex;justify-content:center}.cards{flex-wrap:wrap;height:300px;justify-content:space-between;margin:0;padding:0}.cards .card{cursor:pointer;height:calc(25% - 10px);list-style:none;perspective:1000px;position:relative;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:calc(25% - 10px)}.card.shake{animation:shake .35s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-13px)}40%{transform:translateX(13px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}.card .view{backface-visibility:hidden;background:#fff;border-radius:7px;box-shadow:0 3px 10px #0000001a;height:100%;pointer-events:none;position:absolute;transition:transform .25s linear;width:100%}.card .front-view img{width:19px}.card .back-view img{max-width:45px}.card .back-view{transform:rotateY(-180deg)}.card.flip .back-view{transform:rotateY(0)}.card.flip .front-view{transform:rotateY(180deg)}@media screen and (max-width:700px){.cards{height:350px;width:350px}.card .front-view img{width:17px}.card .back-view img{max-width:40px}}@media screen and (max-width:530px){.cards{height:300px;width:300px}.card .front-view img{width:15px}.card .back-view img{max-width:35px}}.message{max-width:350px}.resolve-game-copy{align-self:end;color:#fff;color:var(--text-color);font-family:GeistMono,monospace;font-size:16px;letter-spacing:.5px;margin:0;max-width:400px;padding:24px 0;text-align:end}@media screen and (max-width:1000px){.resolve-game-copy{align-self:center;font-size:14px;max-width:700px;padding:16px 0;text-align:center}}.resolve-game-section{display:flex;flex-direction:column;width:100%}.resolve-game{align-self:end;background-color:#fff;background-color:var(--button-background);border:1px solid #fff;border:1px solid var(--text-color);border-radius:30px;color:#0e0e0e;color:var(--button-color);cursor:pointer;font-family:GeistMono,monospace;font-size:18px;letter-spacing:1px;overflow:hidden;padding:8px 14px;position:relative;text-align:center;z-index:1}@media screen and (max-width:1000px){.resolve-game{align-self:center}}.resolve-game:before{background-color:#0e0e0e;background-color:var(--hover-button-background);border-radius:30px;content:"";height:100%;left:0;position:absolute;top:100%;transition:top .5s ease;width:100%;z-index:-1}.resolve-game:hover:before{top:0}.resolve-game:hover{color:#fff;color:var(--text-color)}
/*# sourceMappingURL=main.12ec0156.css.map*/