@import url(https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--seashell:#f8eeec;--soft-blush:#ffe2e3;--lavender:#e7e9fe;--shadow-grey:#302c2f;--border-template:0.15rem solid var(--shadow-grey);--box-shadow-template:0.2rem 0.1rem 0 var(--shadow-grey);--hide-box-shadow-template:0rem 0rem 0 var(--shadow-grey);--global-padding:2.5rem;--shadowed-element-offset:-0.2rem,-0.1rem}body{background-color:#f8eeec;background-color:var(--seashell);font-family:Hubot Sans,sans-serif;padding:3rem}.main-wrapper{border:.15rem solid #302c2f;border:var(--border-template);margin:0 auto;max-width:1080px}header{border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);padding:1.5rem}nav{align-items:center;display:flex;justify-content:space-between}nav h1 a{color:#302c2f;color:var(--shadow-grey);font-size:1.5rem;font-weight:600;text-decoration:none}.menus{align-items:center;display:flex;gap:1.5rem;justify-content:center}.menus li{list-style:none;position:relative}.menus li:after{background-color:#302c2f;background-color:var(--shadow-grey);bottom:-.4rem;content:"";height:.1rem;left:0;position:absolute;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition-timing-function:ease-out;width:100%}.menus li:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}.menus li a{text-decoration:none}.hamburger,.menus li a{color:#302c2f;color:var(--shadow-grey)}.hamburger{align-items:center;border:.15rem solid #302c2f;border:var(--border-template);border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:.2rem .1rem 0 #302c2f;box-shadow:var(--box-shadow-template);display:none;height:1.8rem;justify-content:center;transform:translate(-.2rem,-.1rem);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(-.2rem,-.1rem);-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(-.2rem,-.1rem);-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(-.2rem,-.1rem);-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(-.2rem,-.1rem);-o-transform:translate(var(--shadowed-element-offset));transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;width:1.8rem}.hamburger:hover{box-shadow:0 0 0 #302c2f;box-shadow:var(--hide-box-shadow-template);transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}.hero-section{border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:grid;grid-template-columns:1fr 1fr}.left-container{align-items:start;background-color:#e7e9fe;background-color:var(--lavender);border-right:.15rem solid #302c2f;border-right:var(--border-template);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2.5rem;padding:var(--global-padding)}.hero-section .left-container .description{max-width:45ch}.btn{border:.15rem solid #302c2f;border:var(--border-template);border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;box-shadow:.2rem .1rem 0 #302c2f;box-shadow:var(--box-shadow-template);color:#302c2f;color:var(--shadow-grey);font-size:.6rem;padding:.8rem 1.8rem;text-decoration:none;transform:translate(-.2rem,-.1rem);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(-.2rem,-.1rem);-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(-.2rem,-.1rem);-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(-.2rem,-.1rem);-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(-.2rem,-.1rem);-o-transform:translate(var(--shadowed-element-offset));transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.btn:hover{box-shadow:0 0 0 #302c2f;box-shadow:var(--hide-box-shadow-template);transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}.right-container{align-items:center;background-color:#ffe2e3;background-color:var(--soft-blush);display:flex;justify-content:center;padding:2.5rem}.image-container{background-position:50%;background-size:cover;border:.15rem solid #302c2f;border:var(--border-template);border-radius:1.5rem;-webkit-border-radius:1.5rem;-moz-border-radius:1.5rem;-ms-border-radius:1.5rem;-o-border-radius:1.5rem;height:25rem;width:20rem}.follow-me-badge{align-items:center;background-color:#e7e9fe;background-color:var(--lavender);border:.15rem solid #302c2f;border:var(--border-template);border-left:none;border-radius:0 2rem 2rem 0;-webkit-border-radius:0 1rem 1rem 0;-moz-border-radius:0 2rem 2rem 0;-ms-border-radius:0 2rem 2rem 0;-o-border-radius:0 2rem 2rem 0;display:flex;flex-direction:column;height:20rem;justify-content:space-between;padding:1rem .5rem}.follow-me-badge .title{font-size:.8rem;font-weight:500;text-transform:uppercase;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;-ms-writing-mode:vertical-lr}.follow-me-badge .social-media{display:flex;flex-direction:column;gap:.4rem}.social-media{font-size:1rem}.social-media li{align-items:center;border:.15rem solid #302c2f;border:var(--border-template);border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:.2rem .1rem 0 #302c2f;box-shadow:var(--box-shadow-template);display:flex;height:1.8rem;justify-content:center;list-style:none;transform:translate(-.2rem,-.1rem);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(-.2rem,-.1rem);-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(-.2rem,-.1rem);-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(-.2rem,-.1rem);-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(-.2rem,-.1rem);-o-transform:translate(var(--shadowed-element-offset));transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;width:1.8rem}.social-media li:hover{box-shadow:0 0 0 #302c2f;box-shadow:var(--hide-box-shadow-template);transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}.social-media li a{color:#302c2f;color:var(--shadow-grey);text-decoration:none}.about-section{align-items:center;border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2.5rem;padding:4rem var(--global-padding)}.about-section i{font-size:2rem}.about-section .description{font-size:2rem;max-width:40ch;text-align:center}.running-text{align-items:center;background-color:#e7e9fe;background-color:var(--lavender);border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:flex;justify-content:center;padding:.5rem 0}.running-text ul{display:flex;gap:2rem}.running-text ul li{font-size:2rem;list-style:none}.projects-section,.skills-section{border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:grid;grid-template-columns:1fr 2fr}.title-section{align-self:center;padding:2.5rem;padding:var(--global-padding)}.title-section h1{font-size:1.5rem}.title-section p{font-size:.8rem}.detail-skills{grid-gap:.1rem;-ms-overflow-style:none;background-color:#ffe2e3;background-color:var(--soft-blush);border-left:.15rem solid #302c2f;border-left:var(--border-template);display:grid;gap:.1rem;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);height:16.3rem;overflow:scroll;padding:.1rem;scrollbar-width:none}.detail-skills::-webkit-scrollbar{display:none}.skill-card{align-items:center;background-position:50%;background-size:cover;border:1px solid #302c2f;border:1px solid var(--shadow-grey);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:8rem;justify-content:center;padding:1rem}.btn-skill,.skill-card{background-color:#f8eeec;background-color:var(--seashell)}.btn-skill{border:.15rem solid #302c2f;border:var(--border-template);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;box-shadow:.2rem .1rem 0 #302c2f;box-shadow:var(--box-shadow-template);color:#302c2f;color:var(--shadow-grey);font-size:.6rem;padding:.4rem 1rem;text-decoration:none;transform:translate(-.2rem,-.1rem);transform:translate(var(--shadowed-element-offset));-webkit-transform:translate(-.2rem,-.1rem);-webkit-transform:translate(var(--shadowed-element-offset));-moz-transform:translate(-.2rem,-.1rem);-moz-transform:translate(var(--shadowed-element-offset));-ms-transform:translate(-.2rem,-.1rem);-ms-transform:translate(var(--shadowed-element-offset));-o-transform:translate(-.2rem,-.1rem);-o-transform:translate(var(--shadowed-element-offset));transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.btn-skill:hover{box-shadow:0 0 0 #302c2f;box-shadow:var(--hide-box-shadow-template);transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}.sub-title{font-size:.8rem}.projects-container{grid-gap:.2rem;-ms-overflow-style:none;border-left:.15rem solid #302c2f;border-left:var(--border-template);display:grid;gap:.2rem;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);height:16.4rem;overflow:scroll;padding:.2rem;scrollbar-width:none}.project-card{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:16rem;justify-content:space-between;padding:1.5rem 1rem}.project-card::-webkit-scrollbar{display:none}.project-card h2{text-shadow:2px 2px 0 #f8eeec,-1px -1px 0 #f8eeec;text-shadow:2px 2px 0 var(--seashell),-1px -1px 0 var(--seashell)}.project-card .btn-skill{text-align:center}.contact-section{border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:grid;grid-template-columns:1fr 1fr}.contact-section form{display:flex;flex-direction:column;gap:.5rem;width:20vw}.contact-section form label{font-size:.8rem}.contact-section form input,textarea{background-color:#f8eeec;background-color:var(--seashell);box-shadow:.2rem .1rem 0 #302c2f;box-shadow:var(--box-shadow-template);font-size:.8rem}.contact-section form button,.contact-section form input,textarea{border:none;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;outline:none;padding:.8rem}.contact-section form button{background-color:#302c2f;background-color:var(--shadow-grey);box-shadow:.2rem .1rem 0 #fff;color:#f8eeec;color:var(--seashell);margin-top:.5rem;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.contact-section form button:hover{box-shadow:0 0 0 #fff}.cta-container{align-items:center;border-bottom:.15rem solid #302c2f;border-bottom:var(--border-template);display:flex;flex-direction:column;gap:2.5rem;justify-content:center;padding:6rem 2.5rem;padding:6rem var(--global-padding)}.cta-container p{font-size:2rem}.cta-container a{align-items:center;background-color:#302c2f;background-color:var(--shadow-grey);border-radius:3rem;-webkit-border-radius:3rem;-moz-border-radius:3rem;-ms-border-radius:3rem;-o-border-radius:3rem;color:#f8eeec;color:var(--seashell);display:flex;height:4rem;justify-content:center;position:relative;text-decoration:none;width:4rem}.cta-container a:before{border:2px dotted #302c2f;border:2px dotted var(--shadow-grey);border-radius:4rem;-webkit-border-radius:4rem;-moz-border-radius:4rem;-ms-border-radius:4rem;-o-border-radius:4rem;content:"";height:5rem;opacity:.3;position:absolute;width:5rem}footer{background-color:#f8eeec;background-color:var(--seashell);padding:2.5rem;padding:var(--global-padding)}.footer-data,footer{display:flex;flex-direction:column}.footer-data{align-items:center;gap:1.5rem;justify-content:center;padding:3rem 0}.footer-data h2{font-size:1.4rem;font-weight:500}.footer-data p{font-size:.8rem;line-height:2;max-width:60ch;text-align:center}.footer-data .social-media{align-items:center;display:flex;gap:1.2rem;justify-content:center}.footer-data .menus{font-size:.8rem}.copyrigh{display:flex;font-size:.6rem;justify-content:space-between}@media (max-width:1024px){.hero-section{grid-template-columns:1fr}.hero-section .right-container{border-bottom:.15rem solid #302c2f;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{display:none}.hamburger{display:flex}.right-container .image-container{height:20rem;width:16rem}.right-container .follow-me-badge{height:16rem}.about-section .description{font-size:1rem}.contact-section,.projects-section,.skills-section{grid-template-columns:1fr}.title-section{border-bottom:.15rem solid #302c2f;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:.15rem solid #302c2f;border-bottom:var(--border-template)}.contact-section .right-container form{width:75vw}footer .menus{flex-direction:column}}
/*# sourceMappingURL=main.5c4c527c.css.map*/