@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Open+Sans:wght@300;500;700&family=Raleway:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap);*{margin:0;padding:0;scroll-behavior:smooth}body{background-color:#090e16;background-color:var(--background-color);min-height:100vh}a{color:inherit;text-decoration:none}:root{--background-color:#090e16;--primary-color:#7b4ae2;--secondary-color:#c83267;--ternary-color:hsla(0,0%,100%,.5)}.default-font{color:#fff;font-family:Fira Code,monospace;font-family:Open Sans,sans-serif;font-family:Raleway,sans-serif;font-family:Roboto,sans-serif}.container{padding:0 6px}.display-none{display:none}.display-block{display:block}.container-margin{margin:22rem 0 8rem}.emoji-text{color:#7b4ae2;font-size:14px;font-style:normal;font-weight:700;line-height:16px}button:focus{outline:1px solid #7b4ae2;outline:1px solid var(--primary-color);outline-offset:1px}.scale-in-center{-webkit-animation:scale-in-center .1s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .1s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.scale-out-center{-webkit-animation:scale-out-center .1s cubic-bezier(.55,.085,.68,.53) both;animation:scale-out-center .1s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes scale-out-center{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(0);transform:scale(0)}}@keyframes scale-out-center{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(0);transform:scale(0)}}@media (min-width:640px){.container{padding:0 24px}.emoji-text{font-size:20px}}@media (min-width:768px){.container{padding:0 36px}}@media (min-width:1024px){.container{padding:0 64px}}@media (min-width:1280px){.container{padding:0 128px}}.about_section{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.about_section__image img{height:auto;width:100%}.about_section__content h2{font-size:48px;font-style:normal;font-weight:800;line-height:56px;padding:1rem 0 1.1rem}.about_section__lines p{padding-bottom:1rem}.about_section__lines span{color:hsla(0,0%,100%,.5);font-size:18px;font-style:normal;font-weight:400;padding-top:2.1rem}@media (min-width:640px){.about_section__image img{max-width:380px}}@media (min-width:1024px){.about_section__content{max-width:480px}.about_section{justify-content:space-evenly}}@media (min-width:1280px){.about_section__content{max-width:500px}}.basic-styles{position:relative;transition:all 1s ease-in-out}.expand-reveal{opacity:1;scale:1}.expand-hide{opacity:0;scale:0}.up-reveal{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.up-hide{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.contact_section,.contact_section__heading{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact_section__heading{padding-bottom:4rem}.contact_section__heading h2{font-size:48px;font-style:normal;font-weight:800;line-height:56px;text-align:center}.contact_section__button{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.contact_section__button button{align-items:center;background-color:initial;border:1px solid rgba(123,74,226,.5);border-radius:8px;color:rgba(123,74,226,.5);-webkit-column-gap:1rem;column-gap:1rem;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:600;justify-content:center;line-height:19px;padding:12px 36px}.contact_section__button button:hover{border:1px solid #7b4ae2;color:#7b4ae2}.contact_section__button button svg{height:auto;width:1.5rem}.contact_section__email{align-items:center;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;gap:.5rem;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact_section__email:hover{color:#fff}.contact_section__email svg{color:inherit;height:auto;width:1.5rem}.contact_section__email span{color:inherit;font-size:20px;font-style:normal;font-weight:400;line-height:23px}.footer_section{background:rgba(123,74,226,.1);flex-direction:column;margin-top:18rem;padding:1.2rem 0 1rem;width:100%}.footer_section,.footer_section__logo{align-items:center;display:flex;justify-content:center}.footer_section__logo{gap:.8rem;padding-bottom:1rem}.footer_section__logo svg{cursor:pointer}.footer_section__text{color:hsla(0,0%,100%,.5);font-size:16px;font-style:normal;font-weight:400;line-height:19px}.header-section{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;row-gap:2.4rem}.header_image__section img{height:auto;max-width:100%}.header_content__section{text-align:center}.header_content__section h2{font-size:48px;font-style:normal;font-weight:800;line-height:56px}.header_content__section p{color:hsla(0,0%,100%,.5);font-size:18px;font-style:normal;font-weight:400;line-height:21px}.header_content__section div{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1rem 0}.header_content__section div svg{cursor:pointer;height:auto;width:2rem}.header_button__section button{align-items:center;background-color:initial;border:1px solid rgba(123,74,226,.5);border-radius:8px;color:rgba(123,74,226,.5);-webkit-column-gap:1rem;column-gap:1rem;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:600;justify-content:center;line-height:19px;padding:12px 36px}.header_button__section button:hover{border:1px solid #7b4ae2;color:#7b4ae2}@media (min-width:640px){.header_image__section img{max-width:480px}.header_content__section{text-align:start}}@media (min-width:768px){.header-section{flex-direction:row;gap:1rem;margin:4rem 0 0}}@media (min-width:1024px){.header-section{gap:2rem}.header_content__section{order:1;width:300px}.header_content__section div{justify-content:start}.header_image__section{order:2}.header_button__section{order:3}.header_image__section img{max-width:500px}}@media (min-width:1280px){.header-section{justify-content:space-between;margin:6rem 0 0}}.navbar{position:relative;z-index:5}.navbar_options{align-items:center;display:flex;justify-content:space-between;justify-items:center;padding:1rem 0;position:relative}.navbar_options__left svg{cursor:pointer;height:auto;width:2.5rem}.navbar_options__right button{background-color:initial;border:none;border-radius:5px;cursor:pointer}.navbar_options__icon{fill:var(--ternary-color);height:auto;transition:all .1s ease-in-out;width:2.1rem}.navbar_options__icon:hover{fill:#fff}.navbar_options__list{background-color:var(--primary-color);border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.4rem;position:absolute;right:24px;row-gap:1.1rem;top:64px}.navbar_options__list li{cursor:pointer;list-style:none;text-align:left;width:100px}.navbar_options__list li:hover{color:var(--ternary-color)}.navbar_options__list2{display:none}.navbar_options__list2 li{cursor:pointer;list-style:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar_options__list2 li:hover{color:var(--ternary-color)}@media (min-width:768px){.navbar_options__list,.navbar_options__right button{display:none}.navbar_options__list2{align-items:center;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:flex;justify-content:end}}@media (min-width:1024px){.navbar_options__list2{-webkit-column-gap:2.5rem;column-gap:2.5rem}.navbar_options{padding:2rem 0 1rem}}@media (min-width:1280px){.navbar_options__list2{-webkit-column-gap:3.5rem;column-gap:3.5rem}.navbar_options{padding:2.5rem 0 1rem}}.project_section__heading{font-size:48px;font-style:normal;font-weight:800;line-height:56px;padding-bottom:2rem}.project_section__cards{align-items:center;display:flex;gap:2rem;justify-content:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project_section__window{overflow-x:scroll;padding:1rem 0}.project_section__window:focus{outline:1px solid var(--primary-color);outline-offset:1px}.project_card{border:1px solid rgba(123,75,226,.5);border-radius:8px;height:auto;padding:1rem .9rem;width:360px}.project_card__heading{color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:23px;padding-bottom:1rem}.project_card__para{color:hsla(0,0%,100%,.5);font-size:14px;font-style:normal;font-weight:400;line-height:16px;padding-bottom:2.5rem}.project_card__tags{align-items:center;display:flex;gap:1rem;justify-content:start;padding-bottom:1rem}.project_card__github,.project_card__online{border-radius:6px;cursor:pointer;font-size:16px;font-style:normal;font-weight:700;line-height:19px;padding:6px 12px}.project_card__online{color:#4ae290}.project_card__online:hover{background-color:rgba(75,226,145,.1)}.project_card__github{color:#7b4ae2}.project_card__github:hover{background-color:rgba(123,74,226,.1)}.project_card__image img{height:auto;width:100%}@media (min-width:768px){.project_section__window{overflow-x:visible;overflow-x:initial;width:100%}.project_section__cards{align-items:center;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}}.skill_section,.skill_section__heading{align-items:center;display:flex;flex-direction:column;justify-content:center}.skill_section__heading{padding-bottom:4rem}.skill_section__heading span{padding-bottom:1rem}.skill_section__heading h2{font-size:48px;font-style:normal;font-weight:800;line-height:56px;text-align:center}.skill_section__image{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill_section__image svg{cursor:pointer}.testimonial_section__heading h2{font-size:48px;font-style:normal;font-weight:800;line-height:56px;padding-bottom:1.5rem}.testimonial_card{border:1px solid rgba(123,74,226,.5);border-radius:16px;padding:1rem;width:300px}.testimonial_card svg{height:auto;margin-bottom:1rem;width:32px}.testimonial_card__para{color:hsla(0,0%,100%,.5);font-size:16px;font-style:normal;font-weight:400;line-height:19px;padding-bottom:1.8rem;text-align:justify}.testimonial_card__author{align-items:center;display:flex;gap:1rem;justify-content:start}.testimonial_card__author div h4{align-items:center;font-size:20px;font-style:normal;font-weight:700;line-height:23px}.testimonial_card__author div span{color:rgba(123,74,226,.5);font-size:16px;font-style:normal;font-weight:700;line-height:19px}.testimonial_window{overflow-x:auto;padding:.2rem}.testimonial_window:focus{outline:1px solid var(--primary-color);outline-offset:1px}.testimonial_section__cards{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.testimonial_slider__window{display:none;width:100%}@media (min-width:768px){.testimonial_window{align-items:center;display:flex;justify-content:center;overflow-x:visible;overflow-x:initial;width:100%}.testimonial_section__cards{flex-wrap:wrap;justify-content:center}.testimonial_window{display:none}.testimonial_slider__window{display:block}}@media (min-width:1024px){.testimonial_section__cards{gap:1.5rem}}.slider{height:auto;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.slider__buttons{align-items:center;display:flex;gap:1rem;justify-content:end;padding-bottom:1.2rem}.slider_btn__left,.slider_btn__right{background-color:initial;border:1px solid rgba(123,74,226,.5);border-radius:6px;color:rgba(123,74,226,.5);cursor:pointer;padding:12px 14px}.slider_btn__left svg,.slider_btn__right svg{height:auto;width:24px}.slider__window{overflow-x:hidden;width:700px}.slider__window:focus{outline:1px solid var(--primary-color);outline-offset:1px}.slider__container{height:auto;justify-content:start;transition:all .6s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.slider__container,.slider__item{align-items:center;display:flex;flex-direction:row}.slider__item{flex-wrap:wrap;gap:.4rem;justify-content:center;width:700px}@media (min-width:1024px){.slider__item,.slider__window{width:750px}}@media (min-width:1280px){.slider__item,.slider__window{width:1040px}.slider__item{gap:.6rem}}
/*# sourceMappingURL=main.2bce4f9d.css.map*/