@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&display=swap";.about__heading{font-size:1.5rem;color:#fefefe}.about__cards{margin-top:16px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1280px){.about__cards{flex-direction:row;flex-wrap:wrap}}.about__card{padding:1.5rem;background-color:#151b25;display:flex;flex-direction:column;justify-content:space-between;gap:32px;flex-basis:calc(50% - 8px);border-radius:16px}.about__text{color:#96a0aa}@keyframes wave{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.card{display:flex;flex-direction:column;justify-content:flex-end;height:320px;padding:24px;background-color:#151b25;border-radius:24px}.card__title{font-size:3rem;color:#fefefe}@media screen and (min-width: 1280px){.card__title{font-size:4rem}}.card__description{color:#96a0aa;font-size:1rem}.card__waving-hand{display:inline-block;animation:wave 1s linear infinite}.contact-form{flex-basis:100%}@media screen and (min-width: 1280px){.contact-form{flex-basis:calc(50% - 16px)}}.contact-form__title{font-size:1.5rem;color:#fefefe}.contact-form__status{display:inline-block;margin-top:16px;background-color:#d3d4d9;padding:16px;border-radius:12px;border:none;color:#000;font-size:1rem;width:100%}.contact-form__form{margin-top:16px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1280px){.contact-form__form{flex-direction:row;flex-wrap:wrap}}.contact-form__input{flex-basis:100%;background-color:#151b25;padding:16px 24px;border-radius:12px;border:none;color:#96a0aa;font-size:1rem}.contact-form__input:focus{outline:none;border:1px solid #212d40}.contact-form__input--button{margin-top:4px;flex-basis:100%;font-weight:700;border-radius:12px;background-color:#151b25;border:2px solid #212d40;color:#fefefe}.contact-form__input--button:hover{cursor:pointer;background-color:#fefefe;color:#000}.contact-form__textarea{margin-top:4px;flex-basis:100%;background-color:#151b25;padding:16px 24px;border-radius:12px;border:none;color:#96a0aa;font-size:1rem}.contact-form__textarea:focus{outline:none;border:1px solid #212d40}.layout{display:flex;flex-direction:column;padding:16px;min-height:100vh}@media screen and (min-width: 1280px){.layout{flex-direction:row}}.layout__main{display:flex;flex-direction:column;gap:32px;width:100%;margin-top:125px}@media screen and (min-width: 1280px){.layout__main{margin-top:0;width:calc(100% - 300px);margin-left:320px}}.navbar{padding:32px;background-color:#151b25;display:flex;flex-direction:column;gap:80px;font-size:1.5rem;border-radius:24px;position:fixed;width:calc(100% - 32px);z-index:1}@media screen and (min-width: 1280px){.navbar{padding:48px;height:calc(100vh - 32px);width:300px}}.navbar--active{height:calc(100vh - 32px)}.navbar__menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.navbar__input{display:none}.navbar__button{height:36px;width:36px;position:absolute;right:32px;color:#fefefe;cursor:pointer}@media screen and (min-width: 1280px){.navbar__button{display:none}}.navbar__list{display:none;list-style-type:none}.navbar__list--active{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 1280px){.navbar__list{display:flex;flex-direction:column;gap:16px}}.navbar__link{color:#96a0aa;text-decoration:none;font-weight:700;font-size:1.75rem}@media screen and (min-width: 1280px){.navbar__link{font-size:1.5rem}}.navbar__link--title{color:#fefefe;font-size:2rem}.navbar__link--active{color:#fefefe}.navbar__profile{display:none}@media screen and (min-width: 1280px){.navbar__profile{display:flex;flex-direction:column;gap:4px;position:absolute;bottom:48px}}.navbar__nickname{font-size:.875rem;color:#fefefe}.navbar__profession{font-size:.75rem;color:#96a0aa}.project-card{display:flex;flex-direction:column;background-color:#151b25;padding:24px;justify-content:space-between;gap:16px;border-radius:12px}@media screen and (min-width: 1280px){.project-card{flex-basis:calc(50% - 8px)}}.project-card__header{display:flex;gap:12px;align-self:flex-end}.project-card__icon{width:32px;height:32px}.project-card__icon:hover{transform:scale(1.25)}.project-card__body{display:flex;flex-direction:column;gap:4px}.project-card__name{font-size:1.5rem;color:#fefefe;text-transform:capitalize}.project-card__description{font-size:.875rem;color:#96a0aa}.project-list{display:flex;flex-direction:column;gap:16px}.project-list__link{margin:0 auto;font-size:1rem;color:#fefefe;text-underline-offset:4px}@media screen and (min-width: 1280px){.project-list{flex-direction:row;flex-wrap:wrap}}.social-profiles{flex-basis:100%}@media screen and (min-width: 1280px){.social-profiles{flex-basis:calc(50% - 16px)}}.social-profiles__title{font-size:1.5rem;color:#fefefe}.social-profiles__links{margin-top:16px;display:flex;flex-direction:column;gap:8px}.social-profiles__link{display:flex;align-items:center;gap:12px;padding:24px;background-color:#151b25;color:#fefefe;text-decoration:none;font-size:1.5rem;font-weight:700;border-radius:12px}.social-profiles__link:hover{background-color:#fefefe;color:#000}.social-profiles__link:hover>.social-profiles__image{filter:brightness(0%)}.social-profiles__image{width:24px;height:24px}.stack__heading{font-size:1.5rem;color:#fefefe}.stack__cards{margin-top:16px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1280px){.stack__cards{flex-direction:row;flex-wrap:wrap}}.stack__card{padding:24px;flex-basis:calc(25% - 8px);background-color:#151b25;border-radius:16px}.stack__name{color:#96a0aa}.technology-list{margin-top:16px;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;list-style-type:none}.technology-list__item{color:#96a0aa;font-size:.75rem}.contact-cta__title{font-size:1.5rem;color:#fefefe}.contact-cta__links{margin-top:16px;display:flex;flex-direction:column;gap:8px}.contact-cta__link{padding:24px;background-color:#151b25;color:#fefefe;text-decoration:none;font-size:1.25rem;font-weight:700;border-radius:12px;flex-basis:50%}.contact-cta__link:hover{background-color:#fefefe;color:#000}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#11151c;line-height:1.5}