:root {--header-height: 3rem;--hue-color: 250;--first-color: hsl(var(--hue-color), 69%, 61%);--first-color-second: hsl(var(--hue-color), 69%, 61%);--first-color-alt: hsl(var(--hue-color), 57%, 53%);--first-color-lighter: hsl(var(--hue-color), 92%, 85%);--title-color: hsl(var(--hue-color), 8%, 15%);--text-color: hsl(var(--hue-color), 8%, 45%);--text-color-light: hsl(var(--hue-color), 8%, 65%);--input-color: hsl(var(--hue-color), 70%, 96%);--body-color: hsl(var(--hue-color), 60%, 99%);--container-color: #fff;--scroll-bar-color: hsl(var(--hue-color), 12%, 90%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 80%);--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: 0.938rem;--small-font-size: 0.813rem;--smaller-font-size: 0.75rem;--font-medium: 500;--font-semi-bold: 600;--mb-0-25: 0.25rem;--mb-0-5: 0.5rem;--mb-0-75: 0.75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000;}@media screen and (min-width: 968px) {:root {--big-font-size: 3rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: 0.875rem;--smaller-font-size: 0.813rem;}}body.dark-theme {--first-color-second: hsl(var(--hue-color), 30%, 8%);--title-color: hsl(var(--hue-color), 8%, 95%);--text-color: hsl(var(--hue-color), 8%, 75%);--input-color: hsl(var(--hue-color), 29%, 16%);--body-color: hsl(var(--hue-color), 28%, 12%);--container-color: hsl(var(--hue-color), 29%, 16%);--scroll-bar-color: hsl(var(--hue-color), 12%, 48%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 36%);}.uil {min-width: 20px;min-height: 30px;}.nav__btns {display: flex;align-items: center;}.change-theme {font-size: 1.25rem;color: var(--title-color);margin-right: var(--mb-1);cursor: pointer;}.change-theme:hover {color: var(--first-color);}* {box-sizing: border-box;padding: 0;margin: 0;}html {scroll-behavior: smooth;}body {margin: 0 0 var(--header-height) 0;font-family: var(--body-font);font-size: var(--normal-font-size);background-color: var(--body-color);color: var(--text-color);}h1, h2, h3, h4 {color: var(--title-color);font-weight: var(--font-semi-bold);}ul {list-style: none;}a {text-decoration: none;}img {max-width: 100%;height: auto;}.section {padding: 2rem 0 4rem;}.section__title {font-size: var(--h1-font-size);color: var(--title-color);}.section__subtitle {display: block;font-size: var(--small-font-size);margin-bottom: var(--mb-3);}.section__title, .section__subtitle {text-align: center;}.container {max-width: 768px;margin-left: var(--mb-1-5);margin-right: var(--mb-1-5);}.grid {display: grid;gap: 1.5rem;}.header {width: 100%;position: fixed;bottom: 0;left: 0;z-index: var(--z-fixed);background-color: var(--body-color);}.nav {max-width: 968px;height: var(--header-height);display: flex;justify-content: space-between;align-items: center;}.nav__logo, .nav__toggle {color: var(--title-color);font-weight: var(--font-medium);}.nav__logo:hover {color: var(--first-color);}.nav__toggle {font-size: 1.1rem;cursor: pointer;}.nav__toggle:hover {color: var(--first-color);}@media screen and (max-width: 767px) {.nav__menu {position: fixed;bottom: -100%;left: 0;width: 100%;background-color: var(--body-color);padding: 2rem 1.5rem 4rem;box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);border-radius: 1.5rem 1.5rem 0 0;transition: 0.3s;}}.nav__list {grid-template-columns: repeat(3, 1fr);gap: 2rem;}.nav__link {display: flex;flex-direction: column;align-items: center;font-size: var(--small-font-size);color: var(--title-color);font-weight: var(--font-medium);}.nav__link:hover {color: var(--first-color);}.nav__icon {font-size: 1.2rem;}.nav__close {position: absolute;right: 1.3rem;bottom: 0.5rem;font-size: 1.5rem;cursor: pointer;color: var(--first-color);}.nav__close:hover {color: var(--first-color-alt);}.show-menu {bottom: 0;}.active-link {color: var(--first-color);}.scroll-header {box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);}.home__container {gap: 1rem;}.home__content {grid-template-columns: 0.5fr 3fr;padding-top: 3.5rem;align-items: center;}.home__social {display: grid;grid-template-columns: max-content;row-gap: 1rem;}.home__social-icon {font-size: 1.25rem;color: var(--first-color);min-width: 20px;min-height: 30px;}.home__social-icon:hover {color: var(--first-color-alt);}.home__blob {width: 200px;fill: var(--first-color);}.home__blob-img {width: 170px;}.home__data {grid-column: 1/3;}.home__title {font-size: var(--big-font-size);}.home__subtitle {font-size: var(--h3-font-size);color: var(--text-color);font-weight: var(--font-medium);margin-bottom: var(--mb-0-75);}.home__description {margin-bottom: var(--mb-2);}.home__scroll {display: none;}.home__scroll-button {color: var(--first-color);transition: 0.3s;}.home__scroll-button:hover {transform: translateY(0.25rem);}.home__scroll-mouse {font-size: 2rem;}.home__scroll-name {font-size: var(--small-font-size);color: var(--title-color);font-weight: var(--font-medium);margin-right: var(--mb-0-25);}.home__scroll-arrow {font-size: 1.25rem;}.project {text-align: center;}.project__bg {background-color: var(--first-color-second);padding-top: 3rem;}.project__title {font-size: var(--h2-font-size);margin-bottom: var(--mb-0-75);}.project__description {margin-bottom: var(--mb-1-5);}.project__title, .project__description {color: #fff;}.project__img {width: 232px;justify-self: center;}.button {display: inline-block;background-color: var(--first-color);color: #fff;padding: 1rem;border-radius: 0.5rem;font-weight: var(--font-medium);}.button:hover {background-color: var(--first-color-alt);}.button__icon {font-size: 1.25rem;margin-left: var(--mb-0-5);transition: 0.3s;}.button--white {background-color: #fff;color: var(--first-color);}.button--white:hover {background-color: #fff;}.button--flex {display: inline-flex;align-items: center;}.button--small {padding: 0.75rem 1rem;}.button--link {padding: 0;background-color: transparent;color: var(--first-color);}.button--link:hover {background-color: transparent;color: var(--first-color-alt);}.scrollup {position: fixed;right: 1rem;bottom: -20%;background-color: var(--first-color);opacity: 0.8;padding: 0 0.3rem;border-radius: 0.4rem;z-index: var(--z-tooltip);transition: 0.4s;}.scrollup:hover {background-color: var(--first-color-alt);}.scrollup__icon {font-size: 1.5rem;color: #fff;}.show-scroll {bottom: 5rem;}::-webkit-scrollbar {width: 0.6rem;background-color: var(--scroll-bar-color);border-radius: 0.5rem;}::-webkit-scrollbar-thumb {background-color: var(--scroll-thumb-color);border-radius: 0.5rem;}::-webkit-scrollbar-thumb:hover {background-color: var(--text-color-light);}@media screen and (max-width: 350px) {.container {margin-left: var(--mb-1);margin-right: var(--mb-1);}.nav__menu {padding: 2rem 0.25rem 4rem;}.nav__list {column-gap: 0;}.home__content {grid-template-columns: 0.25fr 3fr;}.home__blob {width: 180px;}.skills__title {font-size: var(--normal-font-size);}.qualification__data {gap: 0.5rem;}.services__container {grid-template-columns: max-content;justify-content: center;}.services__content {padding-right: 3.5rem;}.services__modal {padding: 0 0.5rem;}.project__img {width: 200px;}.testimonial__data, .testimonial__header {flex-direction: column;align-items: center;}.testimonial__img {margin-right: 0;margin-bottom: var(--mb-0-25);}.testimonial__data, .testimonial__description {text-align: center;}}@media screen and (min-width: 568px) {.home__content {grid-template-columns: max-content 1fr 1fr;}.home__data {grid-column: initial;}.home__img {order: 1;justify-self: center;}.about__container, .skills__container, .portfolio__content, .project__container, .contact__container, .footer__container {grid-template-columns: repeat(2, 1fr);}.qualification__sections {display: grid;grid-template-columns: 0.6fr;justify-content: center;}}@media screen and (min-width: 768px) {.container {margin-left: auto;margin-right: auto;}body {margin: 0;}.section {padding: 6rem 0 2rem;}.section__subtitle {margin-bottom: 4rem;}.header {top: 0;bottom: initial;}.header, .main, .footer__container {padding: 0 1rem;}.nav {height: calc(var(--header-height) + 1.5rem);column-gap: 1rem;}.nav__icon, .nav__close, .nav__toggle {display: none;}.nav__list {display: flex;column-gap: 2rem;}.nav__menu {margin-left: auto;}.change-theme {margin: 0;}.home__container {row-gap: 5rem;}.home__content {padding-top: 5.5rem;column-gap: 2rem;}.home__blob {width: 270px;}.home__scroll {display: block;}.home__scroll-button {margin-left: 3rem;}.about__container {column-gap: 5rem;}.about__img {width: 350px;}.about__description {text-align: initial;}.about__info {justify-content: space-between;}.about__buttons {justify-content: initial;}.qualification__tabs {justify-content: center;}.qualification__button {margin: 0 var(--mb-1);}.qualification__sections {grid-template-columns: 0.5fr;}.services__container {grid-template-columns: repeat(3, 218px);justify-content: center;}.services__icon {font-size: 2rem;}.services__content {padding: 6rem 0 2rem 2.5rem;}.services__modal-content {width: 450px;}.portfolio__img {width: 320px;}.portfolio__content {align-items: center;}.project {text-align: initial;}.project__bg {background: none;}.project__container {background-color: var(--first-color-second);border-radius: 1rem;padding: 3rem 2.5rem 0;grid-template-columns: 1fr max-content;column-gap: 3rem;}.project__data {padding-top: 0.8rem;}.footer__container {grid-template-columns: repeat(3, 1fr);}.footer__bg {padding: 3rem 0 3.5rem;}.footer__links {flex-direction: row;column-gap: 2rem;}.footer__socials {justify-self: flex-end;}.footer__copy {margin-top: 4.5rem;}.skills__languages-and-tools .skills__languages-and-tools__contents a {display: inline-block;margin-right: 3%;margin-bottom: 3%;margin-left: 3%;margin-top: 3%;}}@media screen and (min-width: 1024px) {.header, .main, .footer__container {padding: 0;}.home__blob {width: 320px;}.home__social {transform: translateX(-6rem);}.services__container {grid-template-columns: repeat(3, 238px);}.portfolio__content {column-gap: 5rem;}.swiper-portfolio-icon {font-size: 3.5rem;}.swiper-button-prev {left: -3.5rem;}.swiper-button-next {right: -3.5rem;}.swiper-container-horizontal > .swiper-pagination-bullets {bottom: -4.5rem;}.contact__form {width: 460px;}.contact__inputs {grid-template-columns: repeat(2, 1fr);}}