@font-face{font-family:Hubot Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(../media/b2f43061f85233e8-s.0li01svrls1cf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hubot Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(../media/f9c23c46b3796cbc-s.0j34ox2.2nqtl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hubot Sans;font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(../media/ab6987f8b7b4489b-s.p.0.oj0awz_pbwx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hubot Sans Fallback;src:local(Arial);ascent-override:107.27%;descent-override:31.49%;line-gap-override:0.0%;size-adjust:101.61%}.hubot_sans_ace02d29-module__l3alhW__className{font-family:Hubot Sans,Hubot Sans Fallback;font-style:normal}.hubot_sans_ace02d29-module__l3alhW__variable{--font-hubot-sans:"Hubot Sans", "Hubot Sans Fallback"}
*{box-sizing:border-box;margin:0;padding:0}:root{--seashell:#f8eeec;--soft-blush:#ffe2e3;--lavender:#e7e9fe;--shadow-grey:#302c2f;--border-template:.15rem solid var(--shadow-grey);--box-shadow-template:.2rem .1rem 0 var(--shadow-grey);--hide-box-shadow-template:0rem 0rem 0 var(--shadow-grey);--global-padding:2.5rem;--shadowed-element-offset:-.2rem, -.1rem}html{scroll-behavior:smooth}body{background-color:var(--seashell);padding:3rem;font-family:Hubot Sans,sans-serif}.main-wrapper{border:var(--border-template);max-width:1080px;margin:0 auto}header{border-bottom:var(--border-template);padding:1.5rem}nav{justify-content:space-between;align-items:center;display:flex}nav h1 a{color:var(--shadow-grey);font-size:1.5rem;font-weight:600;text-decoration:none}.menus{justify-content:center;align-items:center;gap:1.5rem;display:flex}.menus li{cursor:pointer;list-style:none;position:relative}.menus li:after{content:"";background-color:var(--shadow-grey);-o-transition:.4s;width:100%;height:.1rem;transition:all .4s ease-out;position:absolute;bottom:-.4rem;left:0;transform:scaleX(0)}.menus li:hover:after{transform:scaleX(1)}.menus li a{color:var(--shadow-grey);text-decoration:none}.hamburger{color:var(--shadow-grey);border:var(--border-template);-ms-border-radius:1rem;-o-border-radius:1rem;width:1.8rem;height:1.8rem;box-shadow:var(--box-shadow-template);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(var(--shadowed-element-offset));-o-transition:.4s;border-radius:1rem;justify-content:center;align-items:center;transition:all .4s;display:none}.hamburger:hover{box-shadow:var(--hide-box-shadow-template);transform:translate(0)}.hero-section{border-bottom:var(--border-template);grid-template-columns:1fr 1fr;display:grid}.left-container{background-color:var(--lavender);padding:var(--global-padding);border-right:var(--border-template);flex-direction:column;justify-content:center;align-items:start;gap:1rem;display:flex}.hero-section .left-container .description{max-width:45ch}.btn{color:var(--shadow-grey);border:var(--border-template);-ms-border-radius:5rem;-o-border-radius:5rem;box-shadow:var(--box-shadow-template);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(var(--shadowed-element-offset));-o-transition:.4s;border-radius:5rem;padding:.8rem 1.8rem;font-size:.6rem;text-decoration:none;transition:all .4s}.btn:hover{box-shadow:var(--hide-box-shadow-template);transform:translate(0)}.right-container{background-color:var(--soft-blush);justify-content:center;align-items:center;padding:2.5rem;display:flex}.image-container{border:var(--border-template);-ms-border-radius:1.5rem;-o-border-radius:1.5rem;background-position:50%;background-size:cover;border-radius:1.5rem;width:20rem;height:25rem}.follow-me-badge{background-color:var(--lavender);border:var(--border-template);border-radius:0 2rem 2rem 0;-webkit-border-radius:0 1rem 1rem 0;-ms-border-radius:0 2rem 2rem 0;-o-border-radius:0 2rem 2rem 0;border-left:none;-moz-border-radius:0 2rem 2rem 0;flex-direction:column;justify-content:space-between;align-items:center;height:20rem;padding:1rem .5rem;display:flex}.follow-me-badge .title{writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;-ms-writing-mode:vertical-lr;text-transform:uppercase;font-size:.8rem;font-weight:500}.follow-me-badge .social-media{flex-direction:column;gap:.4rem;display:flex}.social-media{font-size:1rem}.social-media li{border:var(--border-template);-ms-border-radius:1rem;-o-border-radius:1rem;width:1.8rem;height:1.8rem;box-shadow:var(--box-shadow-template);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(var(--shadowed-element-offset));-o-transition:.4s;border-radius:1rem;justify-content:center;align-items:center;list-style:none;transition:all .4s;display:flex}.social-media li:hover{box-shadow:var(--hide-box-shadow-template);transform:translate(0)}.social-media li a{color:var(--shadow-grey);text-decoration:none}.about-section{padding:4rem var(--global-padding);border-bottom:var(--border-template);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.about-section i{font-size:2rem}.about-section .description{text-align:center;max-width:40ch;font-size:2rem}.running-text{white-space:nowrap;border-bottom:var(--border-template);background:var(--lavender);width:100%;padding:1rem 0;overflow:hidden}.scroll-content{animation:20s linear infinite scroll;display:inline-block}.scroll-content span{text-transform:uppercase;color:var(--shadow-grey);padding-right:.5rem;font-size:2rem;font-weight:800}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-section,.projects-section{border-bottom:var(--border-template);grid-template-columns:1fr 2fr;display:grid}.title-section{padding:var(--global-padding);align-self:center}.title-section h1{font-size:1.5rem}.title-section p{font-size:.8rem}.detail-skills{background-color:var(--soft-blush);border-left:var(--border-template);-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:.1rem;height:16.3rem;padding:.1rem;display:grid;overflow:scroll}.detail-skills::-webkit-scrollbar{display:none}.skill-card{background-color:var(--seashell);border:1px solid var(--shadow-grey);-ms-border-radius:.5rem;-o-border-radius:.5rem;background-position:50%;background-size:cover;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:8rem;padding:1rem;display:flex}.btn-skill{background-color:var(--seashell);color:var(--shadow-grey);border:var(--border-template);-ms-border-radius:.5rem;-o-border-radius:.5rem;box-shadow:var(--box-shadow-template);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(var(--shadowed-element-offset));-o-transition:.4s;border-radius:.5rem;padding:.4rem 1rem;font-size:.6rem;text-decoration:none;transition:all .4s}.btn-skill:hover{box-shadow:var(--hide-box-shadow-template);transform:translate(0)}.sub-title{font-size:.8rem}.projects-container{border-left:var(--border-template);-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:.2rem;height:16.4rem;padding:.2rem;display:grid;overflow:scroll}.project-card{flex-direction:column;justify-content:space-between;height:16rem;padding:1.5rem 1rem;display:flex;position:relative}.project-card::-webkit-scrollbar{display:none}.project-card-image{-webkit-filter:grayscale()blur(5px);-o-transition:.4s;background-position:50%;background-size:cover;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.project-card:hover .project-card-image{-webkit-filter:grayscale(0)blur()}.project-card h2{text-shadow:2px 2px 0 var(--seashell), -1px -1px 0 var(--seashell), 0 0 .8rem var(--seashell);-webkit-filter:blur();opacity:1;-o-transition:.8s;transition:all .8s}.project-card:hover h2{-webkit-filter:blur(10px);opacity:0}.project-card .btn-skill{text-align:center}.contact-section{border-bottom:var(--border-template);grid-template-columns:1fr 1fr;display:grid}.contact-section form{flex-direction:column;gap:.5rem;width:20vw;display:flex}.contact-section form label{font-size:.8rem}.contact-section form input,textarea{background-color:var(--seashell);box-shadow:var(--box-shadow-template);-ms-border-radius:.5rem;-o-border-radius:.5rem;border:none;border-radius:.5rem;outline:none;padding:.8rem;font-size:.8rem}.contact-section form button{cursor:pointer;color:var(--seashell);background-color:var(--shadow-grey);-ms-border-radius:.5rem;-o-border-radius:.5rem;-o-transition:.4s;border:none;border-radius:.5rem;outline:none;margin-top:.5rem;padding:.8rem;transition:all .4s;box-shadow:.2rem .1rem #fff}.contact-section form button:hover{box-shadow:0 0 #fff}.cta-container{padding:6rem var(--global-padding);border-bottom:var(--border-template);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex}.cta-container p{font-size:2rem}.cta-container a{background-color:var(--shadow-grey);width:4rem;height:4rem;color:var(--seashell);-ms-border-radius:3rem;-o-border-radius:3rem;border-radius:3rem;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.cta-container a:before{content:"";border:2px dotted var(--shadow-grey);-ms-border-radius:4rem;-o-border-radius:4rem;opacity:.3;border-radius:4rem;width:5rem;height:5rem;position:absolute}footer{background-color:var(--seashell);padding:var(--global-padding);flex-direction:column;display:flex}.footer-data{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 0;display:flex}.footer-data h2{font-size:1.4rem;font-weight:500}.footer-data p{text-align:center;max-width:60ch;font-size:.8rem;line-height:2}.footer-data .social-media{justify-content:center;align-items:center;gap:1.2rem;display:flex}.footer-data .menus{font-size:.8rem}.copyrigh{justify-content:space-between;font-size:.6rem;display:flex}@media (max-width:1024px){.hero-section{grid-template-columns:1fr}.hero-section .right-container{border-bottom:var(--border-template);grid-row:1}.hero-section .left-container{border:none}.contact-section form{width:30vw}}@media (max-width:766px){body{padding:1rem}header .menus,.hamburger{display:none}.right-container .image-container{width:14rem;height:20rem}.right-container .follow-me-badge{height:16rem}.about-section .description{font-size:1rem}.skills-section,.projects-section,.contact-section{grid-template-columns:1fr}.title-section{border-bottom:var(--border-template)}.detail-skills,.projects-container{border:none}.projects-container{grid-template-columns:2fr 2fr}.contact-section .left-container{border:none;border-bottom:var(--border-template)}.contact-section .right-container form{width:60vw}footer .menus{flex-direction:column}}