.home__social{display:grid;grid-template-columns:max-content;row-gap:1rem}.home__hand{width:38px;height:38px}.home__img{background:url(../../assets/main_photo.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 9px #ffffff4d;order:1;justify-self:center;width:450px;height:450px;animation:profile__animate 8s ease-in-out infinite 1s}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.wheel{animation:scroll 1.5s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-right:var(--mb-0-25);margin-left:2px}.home__scroll-arrow{font-size:1.25rem;color:var(--title-color)}@media screen and (max-width: 1090px){.home__content{grid-template-columns:100px repeat(2,1fr);-moz-column-gap:1.25rem;column-gap:1.25rem}.home__hand{width:26px;height:26px}.home__subtitle{padding-left:3.75rem;margin-bottom:var(--mb-1)}.home__description{max-width:initial;margin-bottom:var(--mb-2-5)}.home__img{width:250px;height:250px;box-shadow:inset 0 0 0 7px #ffffff4d}.home__scroll{margin-left:7.5rem}}@media screen and (max-width: 768px){.home__content{grid-template-columns:.5fr .3fr}.home__img{order:initial;justify-self:initial}.home__data{grid-column:1/6;margin:auto}.home__img{width:300px;height:300px;box-shadow:inset 0 0 0 6px #ffffff4d}.home__scroll{margin:auto;margin-top:2rem}.home__button{margin-left:5rem}}@media screen and (max-width: 576px){.home__scroll{display:none}}@media screen and (max-width: 350px){.home__hand{width:22px;height:22px}.home__button{margin-left:4rem}}.about__img{width:350px;border-radius:1.5rem}.about__box{border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:.5rem}.about__icon{font-size:1.4rem;color:var(--ttle-color);margin-bottom:var(--mb-0-5)}@media screen and (max-width: 350px){.about__img{width:250px}}.scrollup{position:fixed;right:2.5rem;bottom:-20%;background-color:#282727;opacity:.9;padding:.3rem .5rem;border-radius:.4rem;z-index:100}.scrollup__icon{font-size:1.5rem;color:#fff}.scrollup:hover{background-color:#000}.show-scroll{bottom:3rem}@media screen and (max-width: 992px){.scrollup{right:1.5rem;padding:.25rem .4rem}.scrollup__icon{font-size:1.25rem}}@media screen and (max-width: 768px){.show-scroll{bottom:4rem}}@media screen and (max-width: 576px){.scrollup{right:1rem}}.contact__container{grid-template-columns:repeat(2,max-content);justify-content:center;-moz-column-gap:6rem;column-gap:6rem;padding-bottom:3rem}.contact__info{display:grid;row-gap:1rem;grid-template-columns:300px}.contact__title{text-align:center;font-size:var(--h3-font-size);margin-bottom:var(--mb-1-5);font-weight:var(--font-medium)}.contact__card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:1rem;border-radius:.75rem;text-align:center}.contact__card-icon{font-size:2rem;color:var(--title-color);margin-bottom:var(--mb-0-25)}.contact__card-title,.contact__card-data{font-size:var(--small-font-size)}.contact__card-title{font-weight:var(--font-medium)}.contact__card-data{display:block;margin-bottom:var(--mb-0-75)}.contact__button{color:var(--text-color);font-size:var(--small-font-size);display:inline-flex;align-items:center;justify-content:center;-moz-column-gap:.25rem;column-gap:.25rem}.contact__button-icon{font-size:1rem;transition:.3s}.contact__button:hover .contact__button-icon{transform:translate(.25rem)}.contact__form{width:360px}.contact__form-div{position:relative;margin-bottom:var(--mb-2);height:4rem}.contact__form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,0,0,.3);background:none;color:var(--text-color);outline:none;border-radius:.75rem;padding:1.5rem;z-index:1}.contact__form-tag{position:absolute;top:-.75rem;left:1.25rem;font-size:var(--smaller-font-size);padding:.25rem;background-color:#fafafa;z-index:10}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}@media screen and (max-width: 992px){.contact__container{-moz-column-gap:3rem;column-gap:3rem}}@media screen and (max-width: 768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__info{justify-content:center;text-align:center}.contact__form{margin:0 auto}}@media screen and (max-width: 567px){.contact__info{grid-template-columns:1fr}.contact__form{width:100%}}@media (prefers-color-scheme: dark){.contact__card{background-color:var(--dark-container-color);border:1px solid rgba(255,255,255,.1)}.contact__button{color:var(--dark-text-color)}}