@import"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";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&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";.dark{--primary-color: #FFFFFF;--background-color: #121212;--text-color: #F5F5F5;--subtle-text-color: #BBBBBB;--muted-color: #2E2E2E;--accent-color: #e6e6e6;--highlight-color: #a5a5a5}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #000000;--background-color: #FFFFFF;--text-color: #111111;--subtle-text-color: #272626;--muted-color: #ccc;--accent-color: #2f2f2f;--highlight-color: #504f4f;--body-font:"Poppins", sans-serif;--code-font: "Inconsolata", monospace;--big-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--tiny-font-size: .625rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}main{overflow-x:hidden}body,html{font-family:var(--body-font);font-size:var(--normal-font-size);line-height:1.5;color:var(--text-color);background-color:var(--background-color);transition:all .3s ease-in-out}body{background:url(/pattern.png);color:var(--text-color);background-color:var(--background-color);background-repeat:repeat;background-size:auto;background-position:center}button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}h1,h2,h3,h4,h5,h6{font-family:var(--body-font);color:var(--text-color);font-weight:600}ul{list-style:none}a{text-decoration:none;color:var(--text-color);transition:all .3s ease-in-out}button{border:none;cursor:pointer;outline:none}i{color:var(--text-color)}img{max-width:100%;height:auto}.section{padding:4rem 0 2rem}.section__title{font-size:var(--h1-font-size);font-weight:700;color:var(--text-color);text-align:center}.section__subtitle{font-size:var(--small-font-size);font-weight:500;color:var(--subtle-text-color);text-align:center;margin-bottom:1rem}@media screen and (max-width: 768px){.section__title{font-size:var(--h2-font-size)}.section__subtitle{font-size:var(--smaller-font-size)}}.container{max-width:968px;margin:0 auto;padding:0 2rem}.grid{display:grid;gap:1.5rem}.button{width:220px;padding:1rem 2rem;margin-top:1.2rem;display:flex;justify-content:center;align-items:center;border-radius:20px;gap:8px;font-size:var(--h3-font-size);font-weight:600;background-color:var(--accent-color);color:var(--background-color)}.button:hover{background-color:var(--primary-color)}.about_headings{text-align:center;margin-bottom:3rem;width:100%;overflow:hidden}.about__img{overflow:hidden;width:350px;height:350px;margin:0 auto;box-shadow:inset 0 0 0 9px rgb(255,255,255 / 30%);border-radius:50px;border:1px solid var(--primary-color);box-shadow:0 2px 10px #0000001a}.about-img{width:100%;height:100%;object-fit:cover}.nav__link{display:flex;align-items:center;flex-direction:column;font-size:var(--small-font-size);position:relative;display:inline-block;color:var(--text-color);text-decoration:none;padding-bottom:2px}.nav__link:after{content:"";position:absolute;width:0%;height:1px;bottom:0;left:0;background:currentColor;transition:width .4s ease}.nav__link:hover:after{width:100%}.about__content{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0;align-items:center}.about__data{display:flex;flex-direction:column;gap:1rem}.about__data .button{width:250px;padding:1.3rem 2rem;display:flex;gap:1rem}.about__data .about__info{display:flex;gap:4rem;align-items:center}.about__data .about__info .about__info-item{display:flex;flex-direction:column}.about__data .about__info .about__info-item .about__icon{font-size:var(--h2-font-size)}.about__data .about__info .about__info-item .about__title{font-size:var(--small-font-size);font-weight:600}.about__data .about__info .about__info-item .about__subtitle{font-size:var(--tiny-font-size);font-weight:400;color:var(--subtle-text-color)}.about__data .about__description{color:var(--subtle-text-color)}@media screen and (max-width: 768px){.about__content{grid-template-columns:1fr 1fr;gap:2rem}.about__img{width:300px;height:300px}}@media screen and (max-width: 480px){.about_headings{margin-bottom:2rem}.about__content{display:grid;grid-template-columns:1fr;padding-top:1rem;row-gap:3rem;column-gap:1rem}.about__data{grid-column:1 / span 2;grid-row:2}.about__data .about__info{gap:1rem}.about__data .about__description{font-size:var(--smaller-font-size);font-weight:400;color:var(--subtle-text-color)}.about__data .button{width:180px;padding:.8rem 1.5rem;margin-top:1.2rem;font-size:var(--small-font-size)}.about__data .about__img{grid-row:1;width:250px;height:250px;margin:0 auto}}@media screen and (max-width: 375px){.about__img{grid-row:1;width:200px;height:200px;margin:0 auto}}.contact_headings{text-align:center;margin-bottom:1rem;width:100%}.contact__container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0}.contact__content{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem 2rem .5rem .5rem;margin-right:20px;gap:1rem;border-right:var(--muted-color) 1px solid}.contact__link{text-decoration:none;color:var(--text-color);padding:.2rem .5rem;font-size:var(--small-font-size);display:flex;align-items:center;gap:.2rem;font-weight:500;font-size:var(--normal-font-size)}.nav__items{display:flex}.nav__items .nav__list{list-style:none;display:flex;gap:2rem}.contact__content-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;margin:3rem 0}.contact__form{display:flex;flex-direction:column;gap:1rem}.contact__form .button{width:250px;padding:1.3rem 2rem;display:flex;gap:1rem}.contact__input{padding:.75rem;border:1px solid var(--muted-color);border-radius:10px;font-size:1rem;background-color:var(--background-color);color:var(--text-color)}.contact__textarea{resize:vertical}@media screen and (max-width: 480px){.contact_headings{margin-bottom:0}.contact__content-wrapper{flex-direction:column-reverse;align-items:center;justify-content:center;margin:0 3rem 3rem;padding:2rem;gap:5rem}.contact__content{flex-direction:column;align-items:center;padding:2rem;border:none}.contact__link{width:100%;text-align:center}.nav__items{display:none}.contact__input{padding:.7rem;width:100%;font-size:.8rem}.contact__form .button{width:200px;padding:.8rem 1.5rem;margin-top:1.2rem;font-size:var(--small-font-size)}}.footer{background-color:var(--background-color);color:var(--accent-color);font-size:var(--smaller-font-size);text-align:center}.footer .footer__container{max-width:968px;display:flex;align-items:center;gap:2rem;justify-content:space-around;padding:2rem 0}.footer .footer__container .footer__social{display:flex;gap:1rem}.footer .footer__container .footer__social a{color:var(--accent-color);font-size:var(--normal-font-size);transition:color .3s ease;display:flex;align-items:center;justify-content:center}.footer .footer__container .footer__social a:hover{color:var(--primary-color)}@media screen and (max-width: 768px){.footer{font-size:var(--tiny-font-size)}.footer .footer__container{flex-direction:column;align-items:center}}.themebutton{background-color:var(--highlight-color);color:var(--background-color);cursor:pointer;outline:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.header{position:sticky;top:0;z-index:1000;width:100%;background-color:var(--background-color);padding:1rem 0;transition:all .3s ease-in-out;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom:1px solid var(--accent-color);border-top:1px solid var(--accent-color)}.header.active{background-color:var(--background-color);padding:.5rem 0;box-shadow:0 2px 10px #0003}.header .nav{display:flex;justify-content:space-between;align-items:center}.header .nav .nav__logo{font-weight:700;font-size:var(--h2-font-size);color:var(--text-color);text-decoration:none;margin-right:2rem}.header .nav .nav__menu{display:flex;overflow-y:hidden}.header .nav .nav__menu .nav__list{display:flex;gap:2rem;list-style:none;margin:0;padding:0;text-align:center}.header .nav .nav__menu .nav__list .nav__link{display:flex;align-items:center;flex-direction:column;font-size:var(--small-font-size);position:relative;display:inline-block;color:var(--text-color);text-decoration:none;padding-bottom:2px}.header .nav .nav__menu .nav__list .nav__link:after{content:"";position:absolute;width:0%;height:1px;bottom:0;left:0;background:currentColor;transition:width .4s ease}.header .nav .nav__menu .nav__list .nav__link:hover:after{width:100%}.header .nav .nav__menu .nav__list .hideOnlargeWindow,.header .nav__icon,.header .nav__close,.header .nav__toggle{display:none}.header .active-link,.header .nav__link:hover{color:var(--accent-color)}.header .nav__toggle{cursor:pointer;font-size:var(--h2-font-size);color:var(--text-color)}@media (max-width: 768px){.header{top:-15px;border-top:1px solid var(--accent-color);border-bottom:none}.header .nav .nav__logo{font-size:var(--normal-font-size);margin-right:0}.header .nav .nav__menu{display:block;position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--background-color);padding:2rem;border-top:1px solid var(--accent-color);box-shadow:0 -2px 10px #0000001a;transition:all .3s ease-in-out;border-radius:1rem 1rem 0 0;z-index:1000}.header .nav .nav__menu .nav__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.header .nav .nav__menu .nav__list .nav__link{font-size:var(--normal-font-size);text-align:center}.header .nav .nav__menu .nav__list .nav__link .nav__icon{font-size:1.2rem}.header .nav .nav__menu .nav__list .hideOnlargeWindow{display:block}.header .nav .nav__menu .nav__close{display:block;position:absolute;bottom:1rem;right:1rem;font-size:var(--normal-font-size);color:var(--text-color)}.header .nav .nav__menu .nav__close:hover{color:var(--accent-color)}.header .nav .show__menu{bottom:0;transition:all .3s ease-in-out}.header .nav__btns{display:flex;align-items:center;justify-content:center;gap:1rem}.header .nav__btns .theme-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.header .nav__icon,.header .nav__toggle{display:block;cursor:pointer}}@media (max-width: 480px){.header .nav .nav__menu .nav__list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.header{background-color:var(--background-color);padding:1rem 0;transition:all .3s ease-in-out;border-top-left-radius:20px;border-top-right-radius:20px;position:sticky;top:0}}.home{border-top-left-radius:20px;border-top-right-radius:20px;padding:4rem 0 2rem!important}.home__content{grid-template-columns:116px repeat(2,1fr);column-gap:2rem;padding-top:1rem;align-items:center}.home__social{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;justify-content:center}.home__social .home__social-icon{font-size:var(--h2-font-size)}.home__data{display:flex;flex-direction:column;justify-content:center;gap:1rem}.home__img{overflow:hidden;position:relative;border:10px solid rgba(70,70,70,.5);width:320px;height:320px;margin:0 auto;box-shadow:inset 0 0 0 9px rgb(255,255,255 / 30%);animation:profile_animate 8s ease-in-out infinite 1s}.home-img{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;filter:grayscale(30%)}@keyframes profile_animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:40% 60% 70% 30%/30% 70% 40% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home__headings{display:flex;flex-direction:column}.home__headings .slide{overflow:hidden}.home__headings .home__title{font-size:var(--h3-font-size);font-weight:700;color:var(--text-color)}.home__headings .home__name{font-size:var(--h1-font-size);font-weight:600;color:var(--text-color)}.home__headings .home__subtitle{font-size:var(--h3-font-size);font-weight:500;color:var(--subtle-text-color)}.home__description{font-size:var(--small-font-size);font-weight:500;color:var(--subtle-text-color)}.scroll__down{margin-top:3.5rem;margin-left:9.25rem;display:flex;align-items:center;gap:2px;font-size:var(--normal-font-size);font-weight:700;@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(5px)}}}.scroll__down .scroll__down-icon{font-size:2.5rem;color:var(--text-color);animation:bounce 2s infinite;cursor:pointer}@media screen and (max-width: 992px){.home__content{grid-template-columns:100px repeat(2,1fr);column-gap:1rem}.home__img{width:250px;height:250px}}@media screen and (min-width: 480px) and (max-width: 768px){.home{padding:1rem 0 2rem!important}.home__content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding-top:1rem;row-gap:3rem;column-gap:1rem}.home__social{grid-column:1 / span 2;grid-row:1;flex-direction:row}.home__social .home__social-icon{font-size:var(--h2-font-size)}.home__data{grid-column:1;grid-row:2}.home__headings{display:flex;flex-direction:column}.home__headings .home__title{font-size:var(--normal-font-size);font-weight:700;color:var(--text-color)}.home__headings .home__name{font-size:var(--h2-font-size);font-weight:600;color:var(--text-color)}.home__headings .home__subtitle{font-size:var(--normal-font-size);font-weight:500;color:var(--subtle-text-color)}.home__description{font-size:var(--smaller-font-size);font-weight:500;color:var(--subtle-text-color)}.home__img{grid-column:2;grid-row:2;margin:0 auto;width:250px;height:250px}.home__img .home-img{width:250px;height:250px}.button{width:180px;padding:.8rem 1.5rem;margin-top:1.2rem;font-size:var(--normal-font-size)}.scroll__down{display:none}}@media screen and (max-width: 480px){.home{padding:1rem 0 2rem!important}.home__content{display:grid;grid-template-columns:50px 1fr;padding-top:1rem;row-gap:3rem;column-gap:1rem}.home__social{grid-column:1;grid-row:1;flex-direction:column}.home__social .home__social-icon{font-size:var(--h3-font-size)}.home__data{grid-column:1 / span 2;grid-row:2;padding:0 1rem 0 0}.home__img{grid-column:2;grid-row:1;width:200px;height:200px;margin:0 auto}.home__headings{display:flex;flex-direction:column}.home__headings .home__title{font-size:var(--small-font-size);font-weight:600;color:var(--text-color)}.home__headings .home__name{font-size:var(--h3-font-size);font-weight:600;color:var(--text-color)}.home__headings .home__subtitle{font-size:var(--small-font-size);font-weight:500;color:var(--subtle-text-color)}.home__description{font-size:var(--smaller-font-size);font-weight:500;color:var(--subtle-text-color)}.scroll__down{display:none}.button{width:150px;padding:.8rem 1.5rem;margin-top:1.2rem;font-size:var(--small-font-size)}}.cover-image{position:relative;width:100%;height:100vh;background-image:linear-gradient(#000000e6,#000c),url(https://images.unsplash.com/photo-1531297484001-80022131f5a1?q=80&w=820&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-image:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:url(/pattern.png);background-repeat:repeat;opacity:.9;z-index:2;pointer-events:none}.scroll-container{position:relative;top:100px;overflow-y:hidden}.scroll-down{font-size:var(--h1-font-size)}.scroll-down a i{color:#d1d1d1!important;opacity:.8!important}.intro-heading{z-index:2;text-align:center}.intro-heading .intro-title{color:#fff!important;font-size:var(--h1-font-size);font-family:var(--code-font);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.intro-heading .intro-name{font-weight:700;font-size:5rem;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.introTitle{overflow-y:hidden}@media screen and (min-width: 1200px){.intro-heading .intro-title{font-size:3.5rem}.intro-heading .intro-name{font-size:5rem}.scroll-down{font-size:3.5rem}}@media screen and (min-width: 1025px) and (max-width: 1199px){.intro-heading .intro-title{font-size:3.5rem}.intro-heading .intro-name{font-size:4.5rem}.scroll-down{font-size:3.5rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.intro-heading .intro-title{font-size:3rem}.intro-heading .intro-name{font-size:4rem}.scroll-down{font-size:3rem}}@media screen and (min-width: 426px) and (max-width: 768px){.intro-heading .intro-title{font-size:2rem}.intro-heading .intro-name{font-size:3rem}.scroll-down{font-size:2rem}}@media screen and (min-width: 376px) and (max-width: 425px){.intro-heading .intro-title{font-size:1.5rem}.intro-heading .intro-name{font-size:2.5rem}.scroll-down{font-size:1.5em}}@media screen and (min-width: 321px) and (max-width: 375px){.intro-heading .intro-title{font-size:1.5rem}.intro-heading .intro-name{font-size:2.5rem}.scroll-down{font-size:1.5rem}}@media screen and (max-width: 320px){.intro-heading .intro-title{font-size:1.2rem}.intro-heading .intro-name{font-size:2rem}.scroll-down{font-size:1.2rem}}.projects_headings{text-align:center;margin-bottom:3rem;width:100%}.project__card-button{display:flex;align-items:center;gap:calc(var(--small-font-size) * .5)}.link{text-decoration:none;color:var(--text-color);transition:all .3s ease-in-out;padding:.2rem .5rem;font-size:var(--small-font-size);display:flex;align-items:center;gap:.2rem;border:1px solid var(--primary-color);border-radius:20px}.link:hover{color:var(--primary-color);gap:.5rem}.projects__content{grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem 0}.projects__content .projects__card{width:100%;height:350px;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;padding:1.2rem;border-radius:20px;border:1px solid var(--primary-color);background-color:var(--background-color);box-shadow:0 2px 10px #0000001a}.projects__content .projects__card .card__image{width:100%;height:200px;overflow:hidden}.projects__content .projects__card .card__image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.projects__content .projects__card .project-info{display:flex;flex-direction:column;gap:.5rem}.projects__content .projects__card .project-info .projects__title{font-size:var(--h3-font-size);font-weight:500;color:var(--text-color)}.projects__content .projects__card .project-info .projects__description{font-size:var(--smaller-font-size);font-weight:400;color:var(--subtle-text-color)}@media screen and (max-width: 768px){.projects__content{grid-template-columns:1fr 1fr;gap:1.5rem}}@media screen and (max-width: 480px){.projects__content{grid-template-columns:1fr;gap:2rem}.projects__card{height:300px;padding:1rem}.projects__card .project-info .projects__title{font-size:var(--normal-font-size)}.projects__card .project-info .projects__description{font-size:var(--tiny-font-size)}.link{font-size:var(--smaller-font-size);padding:.2rem .4rem}.project__card-button{gap:calc(var(--tiny-font-size) * .5)}}.skills_headings{text-align:center;margin-bottom:3rem;width:100%;overflow:hidden}.skills__content{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0}.skill__icon{font-size:1rem;color:#4d4d4d;margin-right:1rem}.skill__card{width:100%;display:flex;align-items:center;flex-direction:column;padding:3rem 1.2rem;border-radius:30px;border:1px solid var(--primary-color);background-color:var(--background-color);box-shadow:0 2px 10px #0000001a}.skill__card .skill__card-grid{grid-template-columns:1fr 1fr;gap:4rem;padding:2rem 0;align-items:center}.skill__card .skill__data{display:flex;align-items:center}.skill__card .skill__data .skills-info{display:flex;flex-direction:column}.skill__card .skill__data .skills-info .skill__name{font-size:var(--normal-font-size);font-weight:700;color:var(--text-color)}.skill__card .skill__data .skills-info .skill__level{font-size:var(--tiny-font-size);font-weight:400;color:var(--subtle-text-color)}@media screen and (max-width: 480px){.skills__content{grid-template-columns:1fr}.skills__content .skill__card{padding:1.6rem 0}.skills__content .skill__card .skill__title{font-size:var(--normal-font-size);font-weight:600;color:var(--text-color)}.skills__content .skill__card .skill__card-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0}.skills__content .skill__card .skill__card-grid .skill__data{display:flex;align-items:center}.skills__content .skill__card .skill__card-grid .skill__data .skill__icon{font-size:.8rem;color:#4d4d4d}.skills__content .skill__card .skill__card-grid .skill__data .skills-info{display:flex;flex-direction:column}.skills__content .skill__card .skill__card-grid .skill__data .skills-info .skill__name{font-size:var(--smaller-font-size);font-weight:700;color:var(--text-color)}.skills__content .skill__card .skill__card-grid .skill__data .skills-info .skill__level{font-size:.5rem;font-weight:400;color:var(--subtle-text-color)}.skill__title{font-size:var(--h3-font-size);font-weight:600;color:var(--text-color)}}