@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{font-family:Poppins,Montserrat,sans-serif}:root{--blue:#1e90ff;--white:#fff;--pink:#e6045e;--braces:#3e00ff;--green:green;--black:#000;--mainColorDark:#11052c;--mainColorDarkSecondary:#0f044c;--mainColorDarkLight:#141e61;--mainColorLight:#ddd;--mainColorLightSecondary:#e7e6e1;--mainColorLightDark:#f3f4ed;--mainWorkColorLight:var(--white);--mainWorkColorDark:#12026e;--text--light:#000;--text--dark:#fff}.theme--light{--workBg:var(--mainWorkColorLight);--bg:var(--mainColorLight);--bgSec:var(--mainColorLightSecondary);--bgLight:var(--mainColorLightDark);--text:var(--text--light)}.theme--dark{--workBg:var(--mainWorkColorDark);--bg:var(--mainColorDark);--bgSec:var(--mainColorDarkSecondary);--bgLight:var(--mainColorDarkLight);--text:var(--text--dark)}.homeContainer{background:var(--bgSec);color:var(--text);height:calc(100vh - 7rem);overflow:hidden;padding-left:5rem;position:relative;scroll-behavior:smooth;width:100%}.row{display:flex;flex-wrap:wrap;width:100%}.col-6{width:50%}.homeContainer__left{align-content:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.homeContainer__right{display:flex}.homeContainer__right img{height:90%;overflow:hidden;width:100%}.home__hello{font-size:50px;font-weight:400}.home__hello,.home__name{text-shadow:2px -3px 3px rgba(27,6,6,.95)}.home__name{color:var(--pink);display:inline;font-size:5rem;font-weight:500}.home__braces{color:var(--braces);font-size:50px;font-weight:600}.home__button{display:flex;flex-direction:row;padding-left:0;padding-top:3rem}.Typewriter{color:#d888fa;display:inline-block;font-family:Montserrat,sans-serif;font-size:35px;font-weight:400;text-shadow:2px -3px 3px rgba(27,6,6,.95)}.scroll-down{bottom:15px;cursor:pointer;height:40px;left:50%;position:absolute;width:25px}.scroll-down:after,.scroll-down:before{-webkit-animation:scroll-down 1s ease-in-out infinite;animation:scroll-down 1s ease-in-out infinite;border:2px solid red;border-left:transparent;border-top:transparent;content:"";height:10px;left:50%;position:absolute;top:20%;-webkit-transform:translate(-50%,-100%) rotate(45deg);transform:translate(-50%,-100%) rotate(45deg);width:10px}.scroll-down:before{-webkit-animation-delay:.2s;animation-delay:.2s;top:30%}@-webkit-keyframes scroll-down{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:90%}}@keyframes scroll-down{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:90%}}.work{background:var(--workBg);color:var(--text);min-height:100vh;padding:8rem;width:100%}.work,.work h1{text-align:center}.work h1{font-size:4rem;font-weight:600;padding-bottom:1rem;text-decoration:underline}.work_card{display:flex;flex-direction:row;padding:0;position:relative}.work_card_left{border-right:4px solid var(--text);padding:80px 20px;position:relative;text-align:right;width:50%}.work_card_left:before{background-color:#fff;border:3px solid #09cdf5;border-radius:100%;content:"";height:12px;position:absolute;right:-10px;top:15%;width:12px;z-index:1}.work_card_left h3{font-size:21px;padding:5px 0}.work_card_left p{font-size:14px;padding:5px 0}.work_card_right{padding:80px 20px;width:50%}.work_card_right ul{list-style:none;padding-left:10px;text-align:left;width:80%}.work_card_right ul li{font-size:1.6rem;padding-bottom:10px}.work_card_right ul li:before{content:"-  "}.work_card_right_2{padding:80px 20px;position:relative;text-align:left;width:50%}.work_card_right_2:before{background-color:#fff;border:3px solid #09cdf5;border-radius:100%;content:"";height:12px;left:-10px;position:absolute;top:15%;width:12px;z-index:1}.work_card_right_2 h3{font-size:21px;padding:5px 0}.work_card_right_2 p{font-size:14px;padding:5px 0}.work_card_left_2{border-right:4px solid var(--text);padding:80px 20px;position:relative;width:50%}.work_card_left_2 ul{list-style:none;padding-left:10px;text-align:right;width:100%}.work_card_left_2 ul li{font-size:1.6rem;padding-bottom:10px}.work_card_left_2 ul li:after{content:" -  "}.about{background:var(--bg);color:var(--text);padding-top:6rem;width:100%}.about,.about h1{text-align:center}.about h1{font-size:4rem;font-weight:600;padding-bottom:1rem;text-decoration:underline}.about p{background:var(--bg);color:var(--text);font-size:1.6rem;font-weight:400;line-height:3.6rem;padding-left:20%;padding-right:20%;padding-top:.5rem}img{height:8rem;width:8rem}.skill{justify-content:center;padding:5rem;position:relative}.skill,.skill h2{text-align:center}.skill h2{font-size:2.4rem;font-weight:600;padding-bottom:1rem;text-decoration:underline}.skill__div{grid-row-gap:3rem;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);padding:3rem;row-gap:3rem}.skill__card{justify-content:center;text-align:center}.skill__card__title{font-size:1.6rem;font-weight:400}.modeIcon{border:none;cursor:pointer;font-size:1.6rem;outline:none;right:0}.modeIcon,.navbar{background:var(--bg);color:var(--text);position:relative;top:0}.navbar{box-shadow:0 6px 9px 2px rgba(0,0,0,.75);-webkit-box-shadow:0 6px 9px 2px rgba(0,0,0,.75);-moz-box-shadow:0 6px 9px 2px rgba(0,0,0,.75);height:7rem;left:0;text-align:center;width:100%}.navbar__main{align-content:center;align-items:center;display:flex;flex-direction:row;height:8rem;justify-content:space-between}.navbar__mobile{display:none}.navbar__left{font-size:2.5rem;font-weight:600;margin-left:5rem}.navbar__right{display:flex;flex-direction:column;margin-right:5rem}.navbar__right li{border-bottom:2px solid transparent;display:inline-block;font-size:1.6rem;margin-left:1.5rem;padding:.2rem}.navbar__right li:hover{border-bottom:2px solid red;transition:all .8s ease}.navbar__right li a{color:var(--text)}.main-container{background-color:rgba(233,20,20,.3);bottom:0;left:0;position:absolute;right:0;top:7rem;z-index:10}.main-container li{display:block}.nav-icon{display:none}.contact{background:var(--bgSec);color:var(--text);min-height:100vh;padding:8rem;width:100%}.contact__card{display:flex;flex-direction:row;font-size:2rem;justify-content:space-between}.contact__card__card{background:var(--bgLight);border:none;color:var(--text);margin:1rem;outline:none;padding:4rem;text-align:left;width:100%}.contact__card__card h1{font-size:4rem;font-weight:600;padding-bottom:1rem;text-align:center;text-decoration:underline}.contact__card__card__group{padding:1rem}.contact__card__card__group label{font-size:1.6rem;font-weight:600}.contact__card__card__group input{border:none;outline:none;padding:.8rem;width:100%}.contact__card__card__group textarea{resize:none}.contact__card__card__group input[type=text]:focus{color:#2f4f4f}.contact__card__card button{margin:1rem}.contact__card__detail{border:5px solid var(--mainColorDarkLight);margin:1rem;padding:2rem;position:relative;width:100%}.contact__card__detail h1{border-bottom:2px solid red;margin:1rem;padding:1rem;text-align:right;text-decoration:none}.contact__card__detail__info{align-content:center;align-items:center;display:flex;justify-content:flex-end;padding-right:1.7rem}.contact__card__detail__info span{padding:.3rem}.contact__card__detail__social-icons{bottom:3rem;padding-right:2rem;position:absolute;right:0}.contact__card__detail__social-icons span{padding:2rem}.textarea{border:none;height:10rem;outline:none;padding:.8rem;width:100%}.textarea[type=text].focus{border:none;color:#2f4f4f}.react-icon{background-color:#fff;border-radius:2px;color:blue}.react-icon:hover{background-color:blue;color:#fff}.git-icon{background-color:#fff;border-radius:2px;color:#000}.git-icon:hover{background-color:#000;color:#fff}.btn{border:none;color:var(--white);cursor:pointer;font-size:1.5rem;outline:none;padding:1rem;text-align:center;text-decoration:none;text-transform:uppercase}.btn-blue{background-color:var(--braces);margin-right:8rem}.btn-pink{background-color:var(--pink)}.btn-dark{background:var(--bg);color:var(--text)}.btn-group{grid-row-gap:3rem;display:grid;grid-template-columns:repeat(4,1fr);place-self:center stretch;row-gap:3rem}.footer{background:var(--bg);color:var(--text);font-size:1.8rem;font-weight:500;padding:2rem;text-align:center}.mg-10{margin:1rem}.mg-top-15{margin-top:1.5rem}.mg-top-16{margin-top:1.6rem}.whatsapp_float{background-color:#25d366;border-radius:50px;bottom:40px;box-shadow:2px 2px 3px #999;color:#fff;font-size:30px;height:60px;position:fixed;right:40px;text-align:center;width:60px;z-index:100}.whatsapp-icon{margin-top:16px}@media screen and (max-width:600px){.whatsapp-icon{margin-top:10px}.whatsapp_float{bottom:20px;font-size:22px;height:40px;right:10px;width:40px}.col-6{width:100%}.homeContainer{height:calc(100vh - 7rem);width:100%}.homeContainer__right{display:none}div>.Typewriter{color:#ae00fb;font-size:2rem;font-weight:500;text-shadow:2px -1px 0 rgba(0,0,0,.2)}div>.home__hello{font-size:4rem;font-weight:400;text-shadow:-1px -1px 2px rgba(0,0,0,.6)}div>.home__name{font-size:3.6rem;font-weight:500}div>.home__braces{font-size:3rem;font-weight:400}div>.navbar__mobile{display:flex;flex-direction:row;margin-right:1rem}div>.navbar__mobile li{display:inline-block;font-size:1.6rem;margin-left:1rem}div>.navbar__main{display:block}.navbar__left{font-size:2.2rem;font-weight:500;margin-left:1rem}.navbar__right{display:none}.work{padding:6rem 0 0}.work h1{font-size:2.4rem}.work_card_left:before{display:none}.work_card{display:flex;flex-direction:column;padding:5px 5%}.work_card_left{text-align:left}.work_card_left,.work_card_right{border-right:none;padding:10px 0;width:100%}.work_card_right{text-align:center}.work_card_right ul{padding:0;text-align:left;width:100%}.work_card_right_2{border-right:none;padding:10px 0;text-align:left;width:100%}.work_card_right_2:before{display:none}.work_card_left_2{border-right:none;padding:10px 0;text-align:center;width:100%}.work_card_left_2 ul{padding:0;text-align:left;width:100%}.work_card_left_2 ul li:before{content:" -  "}.about{padding-top:6rem}.about h1{font-size:2.4rem}.about p{font-size:1.5rem;font-weight:500;line-height:2.6rem;padding-left:8%;padding-right:8%}.skill{padding:1rem}.skill h2{font-size:2.4rem;font-weight:600;padding-bottom:3rem;padding-top:1rem}.skill__div{display:grid;grid-template-columns:repeat(2,1fr)}.contact{padding:2rem}.contact h1{font-size:2.4rem}.contact__card{display:flex;flex-direction:column;font-size:1.3rem}.contact__card__card{margin:0;padding:2px}.contact__card__detail{border:5px solid var(--mainColorLightDark);height:40rem;margin:0}.contact__card__detail h1{font-size:2.4rem}}
/*# sourceMappingURL=main.cdb47681.css.map*/