@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);header{padding-top:7%}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-item:center;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.me{border-radius:12rem 12rem 0 0;margin-left:auto;margin-right:auto;margin-top:4rem;overflow:hidden;padding:5rem 1.5rem 1.5rem;width:22rem}.scroll__down{bottom:5rem;font-size:.9rem;font-weight:300;position:absolute;right:-2.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:600px){header{height:68vh}.header__socials{display:none}.me{border-radius:1rem;margin:3rem auto 0;overflow:hidden;padding:0;width:13rem}header{height:100vh;padding-top:7rem}#btn1{margin-right:1%}#btn1,#btn2{font-size:12px}#btn2{margin-left:1%}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:#242424}nav a.active{background:var(--color-bg);color:var(--color-white)}.about__container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%}.about__me{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-bg-variant),transparent);border-radius:2rem;display:grid;place-items:center;width:100%}.about__me-image{border-radius:2rem;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:var(--transition)}.about__me-image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;color:var(--color-bg);padding:2rem;text-align:center;transition:var(--transition)}.about__card:hover{background:#5bb099;border-color:var(--color-primary-variant);cursor:default}.about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}.about__card h5{font-size:1.05rem}.about__card h5:after{border-bottom:2px solid var(--color-bg);content:"";display:block;margin-left:1.2rem;padding-top:.2rem;width:2.8rem}.container__small{margin-top:1rem}.about__card small{color:var(--color-bg);font-size:.8rem;margin-top:30px}.about__content p{color:var(--color-light);margin:2rem 0 2.6rem}@media screen and (max-width:600px){#about{margin-top:0}.about_me{gap:1rem;grid-template-columns:1fr 1fr;width:100%}.about__me{display:grid;margin-right:25%;place-items:center}.about__cards{margin-bottom:20%;margin-left:1rem;width:90%}.about__cards,.about__container{display:grid;grid-template-columns:repeat(1,1fr)}.about__container{grid-gap:5%;gap:5%}.about_text{margin-bottom:70%;width:80%}#talk{display:none}.about__card h5:after{border-bottom:2px solid var(--color-bg);content:"";display:block;margin-left:4.2rem;padding-top:.2rem;width:3.5rem}}@media screen and (min-width:601px) and (max-width:1350px){.about__cards{grid-template-columns:repeat(2,1fr)}.about__card:last-child{grid-column-end:span 2}}.experience__container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 5rem;transition:var(--transition)}.experience__container>div:hover{background:#5bb099;border-color:var(--color-primary-variant);cursor:default}.h4{font-weight:bolder}.h3{text-shadow:0 .5px #242424}.tag__container{gap:5px}.tags{border-radius:4px;color:#292929;font-family:Poppins,sans-serif;font-weight:600;margin:.25em .1em;padding:4px 8px}.experience__container>div h3{color:var(--color-bg);margin-bottom:2rem;text-align:center}.experience__details{color:var(--color-bg);display:flex;font-size:1.1rem;gap:1rem}.experience__details-icon{color:var(--color-bg);margin-top:6px}.link{border-bottom:1.8px solid #000;position:relative;transition:all .25s linear}.link,.link:hover{color:#000}.link:before{background-color:#ae5a61;bottom:-3px;content:"";display:block;height:2.5px;left:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left;transform-origin:left;transition:.35s linear;width:100%}.link:hover:before{-webkit-transform:scale(1);transform:scale(1)}.experience__content_container{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.experience__content_items{background-color:#6969694d;border-radius:25px;display:grid;grid-template-rows:auto 1fr auto;padding:10px}.experience__content_name{margin-top:0}.experience__content_tag{margin:10px 0}.experience__content_github{border-radius:5px;color:#fff;grid-area:3/1/4/-1;padding:5px 10px;text-decoration:none}.tag__container{display:flex;flex-wrap:wrap;padding-bottom:5%}.tags{background-color:var(--color-bg-variant);border-radius:10px;color:var(--color-text);cursor:pointer}.tag,.tags{margin-bottom:5px;margin-right:5px;padding:5px 10px}.tag{border-radius:5px;color:#fff;display:inline-block}.tag-0{background-color:#519e8a}.tag-1{background-color:#e94f37}.tag-2{background-color:#f9a03f}.tag-3{background-color:#3e92cc}.tag-4{background-color:#8f4bc7}.tag-5{background-color:#5ca27c}.tag-6{background-color:#f4c74c}.tag-7{background-color:#d6656a}.tag-8{background-color:#3a6ea5}.tag-9{background-color:#7e6f68}.tag-10{background-color:#cf5332}.tag-11{background-color:#cf32cc}.experience__content_toggle-button{background-color:var(--color-bg-variant);border:none;border-radius:5px;color:var(--color-text);cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px}@media screen and (max-width:600px){section#experience{margin-bottom:70%;margin-top:0}.experience__container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-bottom:100%;padding:1rem;width:100%}.experience__backend,.experience__frontend{margin-right:10%}.experience__container>div{padding:2.4rem 4rem}.experience__content_container{grid-template-columns:repeat(2,minmax(1rem,1fr))}}@media screen and (max-width:360px){.experience__content_container{grid-template-columns:repeat(1,minmax(1rem,1fr))}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#000;--color-bg-variant:#60bba1;--color-primary:#f2f4f3;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:#f2f4f3;--color-text:#272727;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#000;background:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:#f2f4f3;color:var(--color-light);text-align:center}section>h2{color:#f2f4f3;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#f2f4f3;color:var(--color-light)}a{color:#f2f4f3;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{background:#fff;background:var(--color-white);border:1px solid #f2f4f3;border:1px solid var(--color-primary);border-radius:.4rem;color:#000;color:var(--color-bg)}.btn,.btn-bg{cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn-bg{border:1px solid #f2f4f3;border:1px solid var(--color-primary);border-radius:.8rem;color:#f2f4f3;color:var(--color-primary)}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent;color:#000;color:var(--color-bg)}.btn-bg:hover{border-color:#000;border-color:var(--color-bg);color:#fff;color:var(--color-white)}.btn-primary{background:#f2f4f3;background:var(--color-primary);border:1px solid #f2f4f3;border:1px solid var(--color-primary);border-radius:.4rem;color:#000;color:var(--color-bg)}.btn-primary,.btn-primary-bg{cursor:pointer;display:inline-block;padding:.75rem 1.2rem;width:-webkit-max-content;width:max-content}.btn-primary-bg{background:#ae5a61;border:1px solid transparent;border-radius:.4rem;color:#fff;color:var(--color-white)}.btn-primary-bg:hover{background:#bf646c;color:#fcfcfc}img{display:block;object-fit:cover;width:100%}@media (max-width:600px){.container{margin:0 auto;width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}section{margin:0 auto;width:90%}}.portfolio__container{grid-gap:5.5rem;display:grid;gap:5.5rem;grid-template-columns:repeat(2,.5fr)}.portfolio__item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;color:var(--color-bg);display:flex;flex-direction:column;height:100%;padding:1.2rem;transition:var(--transition)}.portfolio__item:hover{background:#5bb099;border-color:var(--color-primary-variant)}.portfolio__item-image{border-radius:1.5rem;overflow:hidden}.portfolio__item h2{color:var(--color-bg);margin:1.2rem .2rem}.portfolio__item-content{margin-top:auto}.portfolio__item-content>div{display:flex;gap:1rem}.gitHub_link_btn{align-items:center;background:var(--color-bg);border:none!important;display:flex!important;font-weight:600;gap:10px}.gitHub_link_btn:hover{background:var(--color-text)}#github_btn{border-color:var(--color-bg);color:var(--color-bg)}.demo_btn{align-items:center;background:#d6656a;border:1px solid transparent;border-radius:.8rem;color:var(--color-bg);cursor:pointer;display:flex;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s}.demo_btn:hover{background:#dc7d81;color:#242424}.demo_btn>svg{margin-left:10px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:34px}.demo_btn:hover svg{color:#242424;-webkit-transform:translateX(5px);transform:translateX(5px)}.demo_btn:active{-webkit-transform:scale(.95);transform:scale(.95)}@media (min-width:600px) and (max-width:1034px){.portfolio__item{padding:1rem}.demo_btn,.gitHub_link_btn{font-size:14px}}@media (max-width:915px){.portfolio__container{align-items:center;display:flex;flex-direction:column}.portfolio__item{width:70%}.demo_btn,.gitHub_link_btn{font-size:16px}}@media (max-width:600px){.portfolio__container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:70%!important;width:100%!important}.portfolio__item{width:90%}.demo_btn{padding:.3rem .5rem}.demo_btn>svg{width:24px}#github_btn{margin-right:1.5%}#demo_btn{margin-left:1.5%}}@media (max-width:360px){.portfolio__item-content>div{align-items:flex-start;display:flex;flex-direction:column}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__option a,.contact__options{color:var(--color-bg)}.contact__options{display:flex;flex-direction:column;gap:1.7rem}.contact__option{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:#5bb099;border-color:var(--color-primary-variant)}.btn-primary-bg:hover{background:var(--color-bg-variant);color:var(--color-bg)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid var(--color-bg-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:600px){.container.contact__container{grid-gap:2rem 3rem;display:grid;gap:2rem 3rem;grid-template-columns:repeat(1,1fr);width:var(--container-width-sm)}#contact__option_1{margin-bottom:1%}#contact__option_2{margin-top:1%}#contact__option_3{margin-top:2%}#contact_form_1{margin-bottom:1%}#contact_form_2{margin-top:1%}#contact_btn,#contact_form_3{margin-top:2%}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.hover-underline-animation{color:var(--color-bg);display:inline-block;position:relative}.hover-underline-animation:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto 3rem}.permalinks a:hover{color:var(--color-bg)}.footer__socials{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.footer__socials a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__socials a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}@media (max-width:600px){.permalinks{display:flex;flex-direction:column;margin:0}.footer_links{display:flex;flex-direction:row;gap:1rem;justify-content:space-around}.footer__socials{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.fa79c229.css.map*/