body{font-family:Montserrat,sans-serif;margin:0}html{overflow-x:hidden}a{all:unset}.navbar{align-items:center;display:flex;justify-content:space-between;margin:3% auto auto;width:90%}@media(max-width:600px){.navbar{display:block}}.navbar .name-label{font-size:1.2rem;font-weight:600}@media(max-width:600px){.navbar .name-label{display:flex;justify-content:center}}.navbar .nav-items{display:flex;justify-content:space-between}@media(max-width:600px){.navbar .nav-items{display:flex;justify-content:center;margin-top:1rem}}.navbar .nav-items a{margin:0 .7rem;transition:.4s}.navbar .nav-items a:hover{color:#787777;cursor:pointer}.home{-webkit-animation:translate .5s ease;animation:translate .5s ease;height:100%;margin:6% auto auto;opacity:1;padding-bottom:10rem;text-align:center;width:50%}@-webkit-keyframes translate{0%{opacity:0;-webkit-transform:none;transform:none}5%{opacity:0;-webkit-transform:translateY(5rem);transform:translateY(5rem)}50%{opacity:.5}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes translate{0%{opacity:0;-webkit-transform:none;transform:none}5%{opacity:0;-webkit-transform:translateY(5rem);transform:translateY(5rem)}50%{opacity:.5}to{opacity:1;-webkit-transform:none;transform:none}}@media(max-width:600px){.home{height:100%;width:70%}}.home h1:first-child{display:flex;font-size:1.4rem;font-weight:600;justify-content:center}.home h1:first-child .hand-rotate{-webkit-animation:rotate 2s ease 1s forwards;animation:rotate 2s ease 1s forwards;margin-left:.5rem}@-webkit-keyframes rotate{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:rotate(70deg) scale(1.2);transform:rotate(70deg) scale(1.2)}to{-webkit-transform:none;transform:none}}@keyframes rotate{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:rotate(70deg) scale(1.2);transform:rotate(70deg) scale(1.2)}to{-webkit-transform:none;transform:none}}.home h1:nth-child(2){font-size:4rem;margin-top:5%}@media(max-width:600px){.home h1:nth-child(2){font-size:3rem}}.home h2{font-size:2rem;font-weight:300;margin-top:5%}.home a{all:unset;border:3px solid #8123de;border-radius:15px;display:inline-block;font-size:1.2rem;font-weight:600;margin:3%;padding:.4rem 1rem;transition:.4s}.home a:hover{background-color:#8123de;color:#fff;cursor:pointer}.about{height:100%;padding-bottom:5rem}@media(max-width:500px){.about{margin-top:2rem}}.about .title{margin:auto;text-align:center}.about .title h1{color:#8123de}.about .title h2{font-weight:400}.about .content{display:flex;justify-items:space-between;margin-left:22%;width:80%}@media(max-width:1000px){.about .content{margin-left:20%;width:90%}}@media(max-width:850px){.about .content{display:block;margin-left:10%;margin-top:5%}}.about .content .description{margin-right:2rem;margin-top:1rem;width:40%}@media(max-width:850px){.about .content .description{width:92%}}.about .content .description p{font-weight:400;line-height:1.5rem}.about .content .skills{width:40%}@media(max-width:850px){.about .content .skills{margin-top:5%;width:100%}}.about .content .skills .skills-items{display:flex;flex-wrap:wrap;justify-items:space-between;width:90%}.about .content .skills .skills-items div{background-color:#f1f0f3;border-radius:10px;font-weight:300;margin:1rem .5rem 0 0;padding:.5rem 1rem}.projects{height:100%}.projects .title{margin:0 auto;text-align:center}.projects .title h1{color:#8123de}.projects .title h2{font-weight:400}.projects .projects-container{display:block}.projects .projects-container .projects-item{display:flex;justify-content:space-between;margin:5rem auto 0;width:80%}@media(max-width:1200px){.projects .projects-container .projects-item{width:95%}}@media(max-width:900px){.projects .projects-container .projects-item{display:block;justify-content:center;text-align:center;width:90%}}@media(max-width:510px){.projects .projects-container .projects-item{text-align:center;width:90%}}.projects .projects-container .projects-item img{border-radius:10px;box-shadow:1px 6px 9px -2px rgba(0,0,0,.372);-webkit-transform-origin:center;transform-origin:center;transition:all .3s ease-in-out;width:27rem}@media(max-width:1200px){.projects .projects-container .projects-item img{margin-right:1.2rem}}@media(max-width:900px){.projects .projects-container .projects-item img{margin-right:0;width:25rem}}@media(max-width:510px){.projects .projects-container .projects-item img{width:22rem}}@media(max-width:400px){.projects .projects-container .projects-item img{width:20rem}}.projects .projects-container .projects-item img:hover{cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03);width:27rem}@media(max-width:1200px){.projects .projects-container .projects-item img:hover{width:27rem}}@media(max-width:900px){.projects .projects-container .projects-item img:hover{-webkit-transform:scale(1);transform:scale(1);width:25rem}}@media(max-width:510px){.projects .projects-container .projects-item img:hover{-webkit-transform:scale(1);transform:scale(1);width:22rem}}@media(max-width:400px){.projects .projects-container .projects-item img:hover{-webkit-transform:scale(1);transform:scale(1);width:20rem}}.projects .projects-container .projects-item .item-info{margin:0 auto;width:50%}@media(max-width:1200px){.projects .projects-container .projects-item .item-info{width:80%}}@media(max-width:900px){.projects .projects-container .projects-item .item-info{width:95%}}@media(max-width:510px){.projects .projects-container .projects-item .item-info{width:80%}}.projects .projects-container .projects-item .item-info h3{color:#8123de;font-size:1.3rem;font-weight:600}@media(max-width:900px){.projects .projects-container .projects-item .item-info h3{text-align:center}}.projects .projects-container .projects-item .item-info p{font-weight:400;line-height:1.5rem}.projects .projects-container .projects-item .item-info .tech-items{display:flex;flex-wrap:wrap}@media(max-width:900px){.projects .projects-container .projects-item .item-info .tech-items{justify-content:center}}.projects .projects-container .projects-item .item-info .tech-items span{background-color:#f1f0f3;border-radius:10px;font-weight:300;margin:1rem .5rem 0 0;padding:.5rem 1rem}.projects .projects-container .projects-item .item-info a{all:unset;border:3px solid #8123de;border-radius:10px;display:inline-block;font-size:1rem;font-weight:600;margin-right:1rem;margin-top:1.5rem;padding:.2rem .6rem;transition:.4s}.projects .projects-container .projects-item .item-info a:hover{background-color:#8123de;color:#fff;cursor:pointer}.contact{height:100%;margin-top:8rem}.contact .title{margin:auto;text-align:center}.contact .title h1{color:#8123de}.contact .title h2{font-weight:400}.contact form .inputs-container{margin-left:20%;width:45%}@media(max-width:1300px){.contact form .inputs-container{display:block}}@media(max-width:700px){.contact form .inputs-container{margin-left:10%;width:45%}}.contact form .inputs-container h2{font-size:1.3rem;font-weight:400}.contact form .inputs-container input{all:unset;background-color:#f1f0f3;border:none;border-radius:10px;height:2.5rem;padding-left:.5rem;width:130%}@media(max-width:700px){.contact form .inputs-container input{width:170%}}.contact form .input-3{margin-left:20%;width:45%}@media(max-width:700px){.contact form .input-3{margin-left:10%}}.contact form .input-3 h2{font-size:1.3rem;font-weight:400}.contact form .input-3 textarea{all:unset;background-color:#f1f0f3;border-radius:10px;height:10rem;padding:.5rem 0 0 .5rem;width:130%}@media(max-width:700px){.contact form .input-3 textarea{width:170%}}.contact form button{all:unset;border:3px solid #8123de;border-radius:15px;display:block;font-size:1.2rem;font-weight:600;margin:3% auto 0;padding:.4rem 1rem;transition:.4s}@media(max-width:1200px){.contact form button{margin-top:2rem}}.contact form button:hover{background-color:#8123de;color:#fff;cursor:pointer}.footer{height:100%;margin-top:2.5rem}.footer .icons-container{align-items:center;display:flex;justify-content:center}.footer .icons-container #icons{background-color:#8123de;border-radius:50%;color:#fff;font-size:2rem;margin:0 .5rem;padding:.6rem}.footer .icons-container #icons:hover{cursor:pointer}.footer .icons-container #linkedin{background-color:#8123de;border-radius:50%;color:#fff;font-size:2rem;margin:0 .5rem;padding:.6rem .7rem}.footer .icons-container #linkedin:hover{cursor:pointer}.footer .icons-container #page{background-color:#8123de;border-radius:50%;color:#fff;font-size:1.8rem;margin:0 .5rem;padding:.6rem .8rem}.footer .icons-container #page:hover{cursor:pointer}.footer h3{margin-top:3%;text-align:center}
/*# sourceMappingURL=main.cf354dbf.css.map*/