@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:32px;background-color:#151b25;display:flex;flex-direction:column;justify-content:space-between;gap:32px;flex-basis:calc(50% - 8px);border-radius:16px}@media screen and (max-width:1280px){.about__card{padding:16px;gap: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}@media screen and (max-width:1280px){.card{padding:16px}}.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:#151b25;padding:16px;border-radius:12px;color:#fff;font-size:1rem;width:100%}.contact-form__status--error{border:1px solid red}.contact-form__status--success{border:1px solid green}.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:100%;gap:32px}.layout__main{display:flex;flex-direction:column;gap:32px;width:100%}.navbar{padding:24px;background-color:#151b25;display:flex;flex-direction:row;gap:80px;border-radius:24px;z-index:1;width:100%;align-items:center}@media screen and (max-width:1280px){.navbar{padding:16px}}@media screen and (max-width:1280px){.navbar--active{height:calc(100vh - 24px);width:100%;flex-direction:column}}.navbar__menu{display:flex;flex-direction:column;justify-content:center;width:100%;flex-wrap:wrap}@media screen and (max-width:1280px){.navbar__menu{flex-direction:row;justify-content:space-between;align-items:center}}.navbar__input{display:none}.navbar__button{height:36px;width:36px;color:#fefefe;cursor:pointer}@media screen and (min-width:1280px){.navbar__button{display:none}}.navbar__list{display:none;list-style-type:none}@media screen and (max-width:1280px){.navbar__list--active{display:flex;flex-direction:column;align-items:center;gap:16px;height:100%;width:100%}}@media screen and (min-width:1280px){.navbar__list{display:flex;flex-direction:row;gap:16px}}.navbar__link{color:#96a0aa;text-decoration:none;font-weight:700;font-size:1.25rem}.navbar__link--title{color:#fefefe;font-size:2rem}.navbar__link--active{color:#fefefe}.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);padding:16px}}.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}@media screen and (max-width:1280px){.social-profiles__link{padding:16px}}.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}@media screen and (max-width:1280px){.stack__card{padding: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%}@media screen and (max-width:1280px){.contact-cta__link{padding:16px}}.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}.no-scroll{overflow-x:hidden;overflow-y:hidden}