@font-face{font-display:swap;font-family:Agustina Regular;font-style:normal;font-weight:400;src:local("Agustina Regular"),url(/static/media/Agustina.eb0c59dda4cc308cba96.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:19px/23px Montserrat,sans-serif;margin:0}@media (max-width:1380px){body,html{font-size:rem;line-height:normal}}.App{overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(.625rem + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#171c28!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#55198b!important}.header{background-color:#fff;margin:0 auto;max-width:100%;padding:15px 20px}.header ul{list-style:none;margin:0;overflow:hidden;padding:0}.grey-color{color:#868e96}.header li a{color:#000;display:block;padding:15px 20px;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4}.header .logo{display:block;flex:none;float:left;font-size:1.5em;line-height:normal;margin-top:10px;text-decoration:none}.header .logo-name{font-feature-settings:"liga","clig off";font-family:Agustina Regular;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;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;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-dark{background:#fff}.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-dark:after,.header .menu-icon .navicon-dark:before{background:#fff!important;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:486px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000!important}.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){.header li{float:left}.header{align-items:center;display:flex;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:960px)and (min-width:768px){.header{font-size:12px}}.switch{display:inline-block;height:26px;position:relative;width:50px}input{transform:scale(.5)}.slider{background-color:#ccc;cursor:pointer;right:0;top:0}.slider,.slider:before{bottom:0;left:0;position:absolute;transition:.4s}.slider:before{background-color:#fff;content:"";height:26px;width:28px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:#2196f3}input:checked+.slider:before,input:checked+.slider>.emoji{transform:translateX(26px)}.slider.round{align-items:center;border-radius:34px;display:flex}.slider.round:before{border-radius:50%;display:grid;place-items:center}.slider:after{bottom:17.5%;display:inline;position:absolute;right:9.3%}input:checked+.slider:after{bottom:14.5%;display:inline;position:absolute;right:56.3%}.emoji{align-items:center;display:flex;margin-left:2px;z-index:10}@media (max-width:786px)and (min-width:425px){input:checked+.slider:after{bottom:20.5%;right:60.3%}.slider:after{bottom:22.5%;right:15.3%}}@media (max-width:2560px)and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media (max-width:1552px)and (min-width:1440px){.slider:after{bottom:7.5%!important}}.main{margin:4rem auto 0}.greet-main,.main{padding:20px 10px;width:90%}.greet-main{margin:2rem auto 0}.subTitle{color:#868e96!important}.greeting-main{display:flex}.greeting-main>*{flex:1 1;margin-bottom:30px}.empty-div{margin-bottom:40px}.button-greeting-div{display:flex;margin-top:40px}.download-link-button{text-decoration:none}.greeting-text{color:#000!important;font-size:70px;line-height:1.1}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{height:auto;max-width:100%}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media(max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@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}.greeting-image-div{height:256px}}@media(max-width:320px){.main{width:auto}}.sk-circle{height:40px;margin:100px auto;position:relative;width:40px}.sk-circle .sk-child{height:100%;left:0;position:absolute;top:0;width:100%}.sk-circle .sk-child:before{animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;background-color:#333;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.main-button{background-color:#55198b;border:1px solid #55198b;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-right:50px;margin-top:20px;padding:13px 22px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out 0s;width:max-content}.main-button:hover{background-color:#fff;color:#55198b;transform:translateY(-3px);transition:all .3s ease 0s}.project-button{display:flex;justify-content:center;margin-top:20px}.project-button>.main-button{margin-right:0!important}@media(max-width:768px){.main-button{font-size:.938rem;margin-right:0;padding:12px 18px}}@media(max-width:320px){.main-button{font-size:.75rem}}.skills-main-div{display:flex;overflow:hidden;width:100%}.skills-text-div{margin-left:50px}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div>img{height:auto;max-width:100%}.skills-heading{font-size:56px;font-weight:400;line-height:1.5}.subTitle{color:#868e96}@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{font-size:3rem;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;text-align:center}.software-skill-inline{display:inline-block;margin-bottom:20px;margin-right:20px}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.software-skill-inline>p{color:#868e96;font-size:10px}.software-skill-inline>i:hover~p{color:#645beb}.card-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-width:100%;transition:transform .4s ease;width:250px}.card-title{color:#000;font-size:20px;font-weight:700;line-height:1.4;margin:20px 0 12px;transition:color .3s ease}.project-card:hover .card-title{color:#08c}.card-subtitle{color:#666;font-size:14px;line-height:1.6;margin-bottom:16px;transition:color .3s ease}.project-card{background-color:#fff;border:1px solid hsla(0,0%,83%,.397);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative}.project-card:before{background:linear-gradient(90deg,#08c,#06c,#08c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.project-card-light{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}.project-card-dark,.project-card-light{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card-dark{box-shadow:0 4px 20px #0000004d,0 1px 3px #0003}.project-detail{position:relative;text-align:center;z-index:1}.project-card-light:hover{border-color:#0088cc4d;box-shadow:0 12px 40px #0088cc26,0 4px 12px #0000001a;transform:translateY(-8px)}.project-card-light:hover:before{transform:scaleX(1)}.project-card-dark:hover{border-color:#0088cc80;box-shadow:0 12px 40px #0088cc4d,0 4px 12px #0006;transform:translateY(-8px)}.project-card-dark:hover:before{transform:scaleX(1)}.project-image{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:12px;display:flex;height:250px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;transition:transform .4s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .card-image{transform:scale(1.1);transition:transform .4s ease}.projects-container{grid-gap:2rem 2rem;display:grid;gap:2rem 2rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}@media(max-width:1380px){.projects-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.projects-container{grid-template-columns:repeat(2,1fr)}}.project-card-footer span.project-tag{align-items:center;background:#55198b;border-radius:4px;color:#f5f2f4;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;transition:.2s ease-in;vertical-align:middle;white-space:nowrap}@media(max-width:768px){.projects-container{grid-template-columns:1fr}.project-card{animation:slideInUp .6s ease-out;animation-fill-mode:both}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:nth-child(7){animation-delay:.7s}.project-card:nth-child(8){animation-delay:.8s}.project-card-dark:hover,.project-card-light:hover{transform:translateY(-4px) scale(1.02)}.card-title{font-size:18px}.card-subtitle{font-size:13px}.project-subtitle{font-size:16px;text-align:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-text{color:#868e96!important;text-align:center}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}#topButton{background-color:#55198b;border:none;border-radius:15px;bottom:20px;color:#fff;cursor:pointer;font-size:25px;outline:none;padding:15px;position:fixed;right:30px;visibility:hidden;z-index:99}#topButton:hover{background-color:#000;transition:all .2s ease-in-out}.splash-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.splash-animation-container{height:50vh}.splash-title-container{font-size:2.5rem;text-decoration:none}.splash-title{font-feature-settings:"liga","clig off";font-family:Agustina Regular,cursive;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 20px}.contact-div-main{display:flex}.dark-mode a{color:#fff}.contact-div-main>*{flex:1 1}.contact-title{font-size:65px;font-weight:400;line-height:1.5}.contact-title a{animation:pulseRotate 2s ease-in-out infinite;display:inline-block;transition:all .3s ease}.contact-title a:hover{animation:none;transform:scale(1.3) rotate(15deg)}.contact-title a i{transition:all .3s ease}@keyframes pulseRotate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(1.2) rotate(0deg)}75%{transform:scale(1.15) rotate(5deg)}}.contact-detail,.contact-detail-email{color:#868e96;font-size:40px;font-weight:400;margin-top:20px;text-decoration:none}.contact-detail-email:hover,.contact-detail:hover{color:#000;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{height:auto;margin-left:1.5rem;margin-top:-4rem;max-width:100%}@media(max-width:1380px),(max-width:768px){.contact-title{font-size:56px;font-size:40px;font-weight:400;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{margin-top:1.5rem;text-align:center}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}}.dark-mode{background-color:#171c28;color:#fff;transition:"0.1s"}
/*# sourceMappingURL=main.df95de31.css.map*/