@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box}li{list-style:none}a,a:visited,a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}img{vertical-align:top}html,body{height:100%;overflow-x:hidden}html{font-size:16px}body{line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;background-color:#1f1f1f;position:relative}#root{height:100%}.App{display:flex;height:100%;flex-direction:column;background-color:#1f1f1f;color:#fff}main,section{flex-grow:1}body{padding:0 8%}a{color:#ffffff40;font-size:1.3rem;letter-spacing:.15rem}a:hover{transition:.2s;color:#ffffffa6}@media screen and (max-height: 670px) and (min-width: 768px){body{padding-top:15vw}}.Header{margin:1.25em 1.25em 0;align-self:center;transform:translate(-6%);position:fixed;z-index:999;top:0}.Header__links{display:flex;background-color:#1f1f1ff2;border-radius:.5em}.Header__links ul{display:flex;gap:2em;align-items:center}.Header__ham-menu{display:none}.navigation-link{display:flex;flex-direction:column;align-items:center}.navigation-link-active{position:relative}.navigation-link-active a,.navigation-link-active a:hover{color:#fff}.navigation-link__item svg{width:5rem;height:5rem}.navigation-link__dot{content:"";display:block;position:absolute;background-color:#907aa9;border-radius:50%;height:.5rem;width:.5rem;bottom:-1rem;animation:dotAnimation .8s;animation-timing-function:ease}@keyframes dotAnimation{0%{transform:translate(0)}33%{transform:translate(-.5em)}66%{transform:translate(.3em)}to{transform:translate(0)}}.eye{transition:.1s ease}@media screen and (max-width: 767px){.Header{margin:0;align-self:flex-start;transform:translate(-150%);position:fixed;z-index:999;top:0;left:0;width:65vw;height:100%;transition:.2s}.Header__links{display:flex;height:100%;padding:1.25em 0 0 1.25em;background-color:#1f1f1ff2;border-radius:.5em}.Header__links ul{display:flex;flex-direction:column;gap:1.5em;align-items:flex-start}.Header__ham-menu{display:flex;width:40px;height:30px;position:fixed;top:1em;left:1em;flex-direction:column;justify-content:space-around;z-index:1000;transition:.2s;cursor:pointer}.Header__ham-menu span{height:4px;transition:.3s;transform-origin:left;background-color:#d4d4d4}.active.Header{transform:translate(0)}.active.Header__ham-menu{left:50vw}.active.Header__ham-menu span:nth-child(1){transform:rotate(45deg) translate(-5px)}.active.Header__ham-menu span:nth-child(2){opacity:0}.active.Header__ham-menu span:nth-child(3){transform:rotate(-45deg) translate(-5px)}}.About{display:flex;gap:2em;align-items:center}.About__title{font-size:3.5rem;letter-spacing:.07em;font-weight:700;color:#f2f2f2}.About__title:after{position:absolute;font-size:6rem;top:30%;left:80%;content:"ABOUT";color:#a1a1a180}.About__desc{font-size:1.5rem;font-weight:400;letter-spacing:.05em;color:#e4dcdc}.About__skills{display:flex;flex-direction:column;z-index:1}.About__skills img{max-height:3.3rem}.About__skills img:not(:last-of-type){margin-bottom:10px}@media screen and (max-width: 767px){.About{display:flex;gap:2em;flex-direction:column;align-items:center;justify-content:space-around}.About__text-block{text-align:center}}@media screen and (max-width: 767px){.About__skills img{max-height:2.5rem}}.Contact{display:flex;flex-wrap:wrap;gap:2em;align-items:center;justify-content:space-evenly}.Contact__text{flex:1 1 0}.Contact__title{text-align:center;font-size:3.5rem;letter-spacing:.07em;font-weight:700;color:#f2f2f2}.Contact__title:after{position:fixed;font-size:6rem;top:30%;left:76%;content:"CONTACT";color:#a1a1a180}.Contact__links{flex:1 1 0}.Contact__list{display:flex;flex-direction:column}.Contact__item{margin:0 0 1.5em;min-width:332px}.Contact__button{display:flex;align-items:center;position:relative;border-radius:.3em;color:#fff;font-size:1.2rem;font-weight:500;background-color:transparent;transition:.3s;box-shadow:.5em .5em 0 .1em #000;width:100%}.Contact__button p{flex:1 1 auto;left:50%;transform:translate(-50%);position:absolute}.Contact__button svg{width:3.5rem;height:3.5rem}.Contact__button:hover{scale:1.15;border:2px solid rgb(255,255,255)}@media screen and (max-width: 479px){.Contact__text{display:flex;align-items:flex-end;justify-content:center;height:25%}.Contact__item{min-width:270px}}.Experiences{display:flex;justify-content:center;align-items:center}.Experiences__text{text-align:center;font-weight:700;font-size:2.5rem}.Home{display:flex;gap:2em;align-items:center}.Home:after{content:"0xSasha";position:absolute;font-size:8rem;letter-spacing:.4em;font-weight:700;top:35%;left:25%;color:#a1a1a105;transform:rotate(30deg)}.Home__text-block{display:flex;flex-direction:column;flex:1 1 50%}.Home__title__item{font-size:5rem;letter-spacing:.07em;font-weight:700;color:#f2f2f2}.Home__description__item{color:#eb6f92;font-size:3rem;font-weight:600;letter-spacing:.1em}.Home__container3D{align-self:center;height:100%;max-height:800px;flex:1 1 50%}@media screen and (max-width: 767px){.Home{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.Home__text-block{justify-content:flex-end;flex:1 1 50%}.Home__title__item{text-align:center;font-size:4rem}.Home__description__item{text-align:center;font-size:2.5rem}.Home__container3D{flex:1 1 75%}}.Missing{display:flex;align-items:center;justify-content:center;gap:3em}.Missing__text{display:flex;flex-direction:column;align-items:center}.Missing__title{font-size:4rem;font-weight:700;color:#bdbdbdb0}.Missing__404{font-size:3.5rem;font-weight:700;color:#20b15a}.Missing__svg svg{width:300px;height:300px}@media screen and (max-width: 767px){.Missing{flex-direction:column}.Missing__text{flex-direction:row;gap:1em;flex-wrap:wrap;justify-content:center}}.Projects{display:flex;flex-direction:column;justify-content:center}.Projects__text{margin-bottom:1em}.Projects__title{font-size:3.5rem;letter-spacing:.07em;font-weight:700;color:#f2f2f2}.Projects__title:after{position:absolute;font-size:6rem;top:30%;left:75%;content:"PROJECTS";color:#a1a1a180}.Projects__items{align-self:center}.Projects__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5em}.Projects__item{display:flex;border-radius:1em;border:3px solid #000000;width:400px;height:300px;position:relative;transition:.5s}.Projects__item__img{position:relative;width:100%;height:100%;border-radius:1em;background-position:center;background-repeat:no-repeat;background-size:cover}.Projects__item__text{position:absolute;padding:2em;top:0;display:none}.Projects__item:hover{z-index:5;transform:scale(1.2);border:1px solid #898989}.Projects__item:hover .Projects__item__img:after{border-radius:1em;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3f3c3cd9;z-index:6}.Projects__item:hover .Projects__item__text{display:flex;flex-direction:column;z-index:8;height:100%}.Projects__item:hover .Projects__item__text__title{font-weight:700;font-size:1.5rem;color:#e0e0e0;letter-spacing:.1em}.Projects__item:hover .Projects__item__text__paragraph{color:#e2e1e1;flex-grow:1;letter-spacing:.05em}.Projects__item:hover .Projects__item__text__link{text-align:center;max-width:6em;font-weight:500;border-radius:.3em;padding:.3em .5em;font-size:1rem;background-color:#55abfd;border:2px solid #353535;box-shadow:.3em .3em 0 .1em #000;color:#000;transition:.2s}.Projects__item:hover .Projects__item__text__link:hover{transform:scale(1.1);background-color:#5bb0ff}@media screen and (max-height: 950px) and (min-height: 670px) and (min-width: 768px){.Projects{padding-top:12vw}}@media screen and (max-width: 767px){.Projects__title{text-align:center;font-size:3.2rem}.Projects__item{width:320px;height:200px}.Projects__item__text{padding:1em}}.Footer{display:flex;justify-content:center}