@import url(https://fonts.googleapis.com/css2?family=Audiowide&family=Comfortaa:wght@300&family=Inconsolata:wght@600&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--font-color:#f0f2f0;--background-color:#303030;--background-color2:#262626;--foreground-color:#3955d3}html{background-color:#303030;background-color:var(--background-color);color:#f0f2f0;color:var(--font-color);font-family:sans-serif;scroll-behavior:smooth}section{padding:10vh 2rem}section:nth-child(2n){background-color:#262626;background-color:var(--background-color2)}.noselect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}::-moz-selection,::selection{background-color:#80808094;-moz-transition:background-color .3s;transition:background-color .3s}section.contact>h1{text-align:center}form.contact{display:flex;flex-direction:column;margin:2rem auto;width:50rem}textarea.contactForm{margin-top:2rem;resize:none;width:100%}input.contactForm,textarea.contactForm{background-color:var(--foreground-color);border:none;border-radius:10px;color:var(--font-color);font-family:Inconsolata,monospace;outline:none;padding:1rem}input.contactForm:nth-child(2){margin-top:2rem}button.contactForm{background-color:var(--foreground-color);border:none;border-radius:10px;color:var(--font-color);cursor:pointer;font-family:Inconsolata,monospace;font-size:1rem;margin-top:2rem;outline:none;padding:1rem;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}button.contactForm:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}button.contactForm:active{-webkit-filter:brightness(80%);filter:brightness(80%)}div.socialMedia{display:flex;justify-content:center}div.email{margin:1rem;text-align:center}a.email{color:var(--font-color);font-size:1.7rem;-webkit-text-decoration:underline 5px transparent;text-decoration:underline 5px transparent;text-underline-offset:8px;transition:-webkit-text-decoration .3s;transition:text-decoration .3s;transition:text-decoration .3s,-webkit-text-decoration .3s}a.email:hover{-webkit-text-decoration-color:var(--font-color);text-decoration-color:var(--font-color)}div.socialMedia a{background-color:var(--foreground-color);border-radius:50%;color:var(--font-color);font-size:1.7rem;height:3rem;margin:.5rem;outline:none;position:relative;text-align:center;text-decoration:none;transition:-webkit-filter .3s,-webkit-transform .3s;transition:filter .3s,transform .3s;transition:filter .3s,transform .3s,-webkit-filter .3s,-webkit-transform .3s;width:3rem}div.socialMedia a svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}div.socialMedia a:hover{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-transform:translateY(-10%);transform:translateY(-10%)}div.socialMedia a:active{-webkit-filter:brightness(80%);filter:brightness(80%)}.send-enter{opacity:0}.send-enter-active{opacity:1;transition:opacity 1s}.send-exit-active{opacity:0;transition:opacity 1s}.send-exit{opacity:0}div.sended{margin:3rem;text-align:center}div.sended h1{padding:2rem}div.sended svg{font-size:5rem}@media (max-device-width:900px){form.contact{width:100%}}footer{text-align:center}footer p{padding:1rem}footer p span{font-family:Inconsolata,monospace}footer p a{color:var(--font-color);font-family:Audiowide,cursive;-webkit-text-decoration:underline 5px transparent;text-decoration:underline 5px transparent;text-transform:uppercase;text-underline-offset:3px;transition:.3s}footer p a:hover{-webkit-filter:brightness(120%);filter:brightness(120%);-webkit-text-decoration-color:var(--font-color);text-decoration-color:var(--font-color)}section.header h1{font-family:Inconsolata,monospace}@media (max-device-width:900px){section.header h1.title{font-size:2.7rem;width:-webkit-max-content;width:max-content}}section.header svg{margin-top:1rem}section.header svg text{stroke-width:2;fill:var(--font-color);stroke:var(--font-color);-webkit-animation:stroke 5s infinite alternate;animation:stroke 5s infinite alternate;font-family:Audiowide,cursive;font-size:140px;text-transform:uppercase}@-webkit-keyframes stroke{0%{fill:var(--background-color);stroke:var(--font-color);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:1}70%{fill:var(--background-color);stroke:var(--font-color)}80%{fill:var(--background-color);stroke:var(--font-color);stroke-width:3}to{fill:var(--font-color);stroke:var(--font-color);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}@keyframes stroke{0%{fill:var(--background-color);stroke:var(--font-color);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:1}70%{fill:var(--background-color);stroke:var(--font-color)}80%{fill:var(--background-color);stroke:var(--font-color);stroke-width:3}to{fill:var(--font-color);stroke:var(--font-color);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}nav.menu{background-color:var(--foreground-color);box-shadow:0 0 5px #000;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1}a.title{align-self:center;color:var(--font-color);font-family:Audiowide,cursive;font-size:2rem;outline:none;padding-left:1rem;text-decoration:none;text-transform:uppercase}div.menu{display:flex;justify-content:right}a.linkBt{background-color:var(--foreground-color);color:var(--font-color);display:block;font-size:1.5rem;height:3rem;outline:none;position:relative;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;width:3rem}a.linkBt svg{left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}a.linkBt:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}a.linkBt:active{-webkit-filter:brightness(75%);filter:brightness(75%)}div.hamburger{display:none}@media (max-device-width:900px){div.menu{flex-direction:row;opacity:0;position:absolute;right:0;top:-100%;transition:top .3s,opacity .6s ease-out;z-index:-1}a.linkBt{font-size:2rem;height:4rem;width:4rem}div.hamburger{display:block;padding:1rem}div.hamburger:hover+div.menu,div.menu:hover{display:flex;opacity:1;top:100%}}div.projects,section.portfolio>h1{text-align:center}div.projects{margin-top:2rem}a.project{border:10px solid var(--foreground-color);border-radius:50%;cursor:pointer;display:inline-block;font-size:2rem;height:15rem;margin:1rem;overflow:hidden;text-decoration:none;transition:.3s;width:15rem}a.project:hover{box-shadow:0 0 10px #787878;-webkit-filter:brightness(120%);filter:brightness(120%)}a.project p{color:var(--font-color);display:flex;flex-direction:column;position:relative;text-decoration:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}div.skill{display:inline-block;margin:1rem;text-align:center;text-transform:uppercase;width:-webkit-max-content;width:max-content}div.skill>p{font-family:Inconsolata,monospace;margin-top:1rem}div.skill-circle{background-color:#363636;border-radius:50%;font-weight:700;height:6rem;overflow:hidden;position:relative;text-align:center;width:6rem}div.block{background-color:var(--foreground-color);bottom:0;height:0%;position:absolute;transition:height 1s;width:100%}div.skill-circle p{font-size:1.4rem}div.skill-list,section.skills h1{text-align:center}div.skill-list{margin-top:2rem}
/*# sourceMappingURL=main.3b326495.css.map*/