@font-face{font-family:Agustina Regular;font-style:normal;font-weight:400;src:local("Agustina Regular"),url(/static/media/Agustina.21f233e1.woff) format("woff")}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.ee653992.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scroll-behavior:smooth}body{margin:0;font:19px/23px Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1380px){body,html{font-size:16px;line-height:normal}}.header{position:fixed;top:0;z-index:1;width:97.5%;height:50px;padding:20px 10px;margin:0 auto}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{padding:20px}.header .logo,.header li a{display:block;text-decoration:none}.header .logo{float:left;margin-top:10px;line-height:normal}.logo-name{font-family:Agustina Regular,sans-serif;font-weight:700;padding:0 10px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:48em){.logo-name{font-size:1.5em}.logo{margin-left:50px}.header li{float:left}.header{display:flex;align-items:center;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media (max-width:960px) and (min-width:576px){.logo-name{font-size:1.8em}.logo{margin-left:30px}.header{font-size:12px}}@media (max-width:575px) and (min-width:374px){.logo-name{font-size:1.2em}.logo{margin-left:10px}}@media (max-width:373px){.logo-name{font-size:1em}}.header ul:last-child{margin-right:50px}.main{margin:4rem auto 0}.greet-main,.main{width:90%;padding:20px 10px}.greet-main{margin:6rem auto 0}.gretting-main{width:90%;padding:20px 10px;margin:0 auto}.greeting-main{display:flex}.greeting-main>*{flex:1 1;margin-bottom:30px}.button-greeting-div{display:flex;margin-top:20px}.greeting-image-div{display:flex;justify-content:center}.greeting-image-div>img{max-width:100%;margin-top:30px}.greeting-text{font-size:70px;line-height:1.1}.greeting-text-p{font-size:30px;line-height:40px}.type-effect{height:18vh;width:40vw}@media (max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}.type-effect{height:20vh;width:40vw}.cursor{font-size:1.5em}}@media (max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal;text-align:center}.greeting-main{display:block}.type-effect{text-align:center;height:15vh;width:90vw}.cursor{font-size:1.2em}}@media (min-width:1200px) and (max-width:576px){.greeting-image-div>img{height:70vh}}@media (min-width:575px){.greeting-image-div>img{height:60vh}}.social-media-div{font-size:2em}.icon-button i{color:#fff}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;margin:0 5px 10px}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.gitlab i{background-color:#fca326}.google i{background-color:#ea4335}.twitter i{background-color:#1da1f2}.facebook i:hover,.github i:hover,.gitlab i:hover,.google i:hover,.linkedin i:hover,.twitter i:hover{background-color:#000;transition:.3s ease-in}@media (max-width:768px){.social-media-div{text-align:center}}.main-button{background-color:#55198b;border:1px solid #55198b;color:#fff;font-weight:700;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:13px 22px;margin-right:50px;text-transform:uppercase;border-radius:6px;text-align:center;text-decoration:none;display:block;margin-top:20px;font-size:16px;cursor:pointer}.main-button:hover{background-color:#fff;color:#000;transition:.3s ease-in}.project-button{display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.main-button{font-size:15px;padding:12px 18px;margin-right:0}}@media (max-width:320px){.main-button{font-size:12px}}.skills-main-div{display:flex}.skills-text-div{margin-left:50px}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div{display:flex;justify-content:center}.skills-image-div>img{max-width:100%}@media (min-width:1200px) and (max-width:576px){.skills-image-div>img{height:70vh}}@media (min-width:575px){.skills-image-div>img{height:60vh}}.skills-heading{font-size:56px;font-weight:400}@media (max-width:1380px){.skills-heading{font-size:40px}}@media (max-width:768px){.skills-heading{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}}.dev-icons{padding-left:0;list-style:none;font-size:3rem;margin-bottom:0;margin-top:0;text-align:center}.software-skill-inline{display:inline-block;margin-right:20px;margin-bottom:20px}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.achievement-heading{font-size:56px;font-weight:400;line-height:normal;margin:0}.achievement-subtitle{text-transform:uppercase;margin:0 0 50px}.card-image{height:190px;width:300px}.cert-card-title{color:#000;margin:0;font-weight:400;line-height:normal}.cert-card-subtitle{color:#868e96}.certificate-card{box-shadow:0 10px 30px -15px rgba(0,0,0,.2);background:#fff;padding:1.5rem;margin:0 30px;border-radius:10px;border:1px solid hsla(0,0%,82.7%,.397)}.certificate-detail-div{text-align:center}.certificate-card:hover{box-shadow:0 20px 30px -10px rgba(0,0,0,.2)}.certificate-image-div{display:flex;justify-content:center;margin-bottom:20px}.achievement-cards-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem 2rem;gap:2rem 2rem}.certificate-card-footer{display:flex;justify-content:space-evenly;flex-wrap:wrap}.certificate-card-footer>p{color:#333;cursor:pointer;margin-right:10px;text-align:center}.certificate-card-footer>p:hover{color:#868e96}@media (max-width:1380px){.achievement-heading{font-size:40px}}@media (max-width:768px){.achievement-heading{font-size:30px;text-align:center}.achievement-subtitle{font-size:16px;line-height:normal;text-align:center}}@media (max-width:1380px) and (min-width:576px){.cert-card-subtitle,.cert-card-title{font-size:20px}}@media (max-width:575px){.cert-card-title{font-size:.9em}.cert-card-subtitle{font-size:.5em}.certificate-image-div img{width:200px;height:120px}}.blog-header-text{font-size:56px;font-weight:400}.blog-subtitle{text-transform:uppercase}.blog-main-div>*{flex:1 1;margin-bottom:30px}.blog-main-div{display:flex}.blog-image-div>img{max-width:100%;height:auto}.blog-text-div{display:flex;justify-content:space-around;flex-wrap:wrap}@media (max-width:1380px){.blog-header-text{font-size:40px}}@media (max-width:768px){.blog-header-text{font-size:30px;text-align:center}.blog-subtitle{font-size:16px;line-height:normal;text-align:center}}.container{display:flex;justify-content:center}.square:hover{box-shadow:0 20px 40px rgba(0,0,0,.08)}.square{width:400px;height:400px;background:#fff;box-shadow:0 20px 50px #d9dbdf;transition:all .3s ease;margin-top:30px}.mask,.square{border-radius:4px}.mask{clip:rect(0,460px,220px,0);position:absolute}.blog-card-image{margin-top:40px;max-width:300px;max-height:180px}.blog-card-title{text-align:left;margin:240px auto auto;padding:0 30px;font-size:24px}.blog-card-subtitle,.blog-card-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-card-subtitle{text-align:justify;padding-left:30px;padding-right:30px;font-size:14px;color:#c8c8c8;line-height:18px}.button{background-color:#a066fb;color:#fff;width:90px;padding:10px 18px;border-radius:3px;text-align:center;text-decoration:none;display:block;margin-top:20px;margin-left:30px;margin-right:70px;font-size:14px;cursor:pointer}@media (max-width:1380px){.card-title{font-size:25px}}@media (max-width:768px){.mask{-webkit-clip-path:none;clip-path:none;position:relative}.blog-card-title{margin-top:10px}.blog-card-image,.square{width:100%}.square{height:auto;padding-bottom:30px}}.blog-card-link{text-decoration:none}.contact-div-main{display:flex}.contact-div-main>*{flex:1 1}.contact-title{font-size:65px;font-weight:400}.contact-detail,.contact-detail-email{margin-top:20px;font-size:40px;font-weight:400;text-decoration:none}.contact-detail-email:hover,.contact-detail:hover{color:#969696;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-margin-top{margin-top:4rem}.contact-image-div>img{max-width:100%;height:auto;margin-left:1.5rem;margin-top:-4rem}@media (max-width:768px),(max-width:1380px){.contact-title{font-size:56px;font-weight:400;font-size:40px;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{text-align:center;margin-top:1.5rem}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}}
/*# sourceMappingURL=main.b8e96b96.chunk.css.map */