@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.header{top:15px;position:relative;width:100%;height:80px;display:flex;justify-content:center;align-items:center}.header__logo{left:100px;position:relative;width:108px;height:64px;cursor:pointer;z-index:1}.header__logo *{opacity:0}.header__nav{right:100px;position:relative;width:inherit;height:80px}.header__ul{right:0;position:absolute;height:80px;display:flex;align-items:center}.header__li{margin-right:30px}.header__a,.header__li{position:relative;height:20px}.header__a{width:150px;text-align:center;text-transform:uppercase;color:#fff;font-size:1.5rem;font-family:"Montserrat";font-weight:400;letter-spacing:1.5px}@media screen and (max-width:49999px){.media__nav{display:none}}@media screen and (max-width:991px){.header{top:5px;display:block}.header__logo{left:10px;transform:scale(.8)}.header__nav{display:none}.media__nav{display:block}}.media__nav{top:0;width:100%;position:absolute;height:80px}.media__button{top:10px;transform:scale(1.9);background-color:inherit;border-radius:0;border:none;color:#fff;height:48px;margin:0;min-height:48px;min-width:48px;padding:0;width:48px;align-self:center;transition:transform .3s;position:absolute;right:15px;z-index:5}.media__button:active,.media__button:focus,.media__button:hover{outline:none}.media__button.active{position:fixed;transition:right 0s;right:50px}.media__button.active .media__span{background-color:transparent;transition:.2s}.media__button.active .media__span:before{transform:rotate(45deg) translate(4px,9px);transition:.3s;width:28px;left:1px}.media__button.active .media__span:after{transform:rotate(-45deg) translate(3px,-7px);transition:.3s;width:28px;left:1px}.media__span{display:block;position:relative}.media__span,.media__span:after,.media__span:before{background-color:#fff;width:24px;height:3px;margin:4px auto;border-radius:3px;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.media__span:after,.media__span:before{content:"";position:absolute}.media__span:before{top:-12px;left:0}.media__span:after{bottom:-12px;left:0}.media__div{width:100%;height:1000%;position:fixed;background-color:#0c0c0c;z-index:1}.media__menu{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;padding-top:100px}.media__item{width:auto;height:50px;margin-bottom:50px}.media__a{font-family:Montserrat;font-style:normal;font-weight:400;font-size:2rem;line-height:39px;margin-bottom:25px;margin-top:25px;color:#fff}.home{width:100%;height:100%}.home,.home p{position:relative}.home p{width:1104px;height:187px;top:250px;opacity:0;font-family:Montserrat;font-style:normal;font-weight:400;font-size:38px;line-height:46px;letter-spacing:.05em;left:200px;color:#000}.home__perspective{left:40%;position:relative;width:900px;height:550px;z-index:-1;transform-style:preserve-3d;overflow:visible!important;display:inline-block}.home__perspective *{position:absolute}@media screen and (max-width:1289px){.home__perspective{top:0;width:100%;height:auto;left:0;transform:scale(.6)}}@media screen and (max-width:991px){.home p{width:100%;font-size:1.3rem;height:auto;top:150px}.home__perspective{top:-100px;width:100%;height:auto;left:-100px;transform:scale(.4)}}.quote{margin-top:100px;position:relative;height:100%;display:flex;justify-content:center;align-items:center}.quote__triangle{position:relative}.quote__triangle,.quote__triangle__div1{width:auto;height:auto;justify-content:center;display:flex}.quote__triangle__div1{position:absolute;padding:2px;top:140px;background:#000;align-items:center;transform:scale(0);opacity:0}.quote__triangle__div1 p{font-family:Montserrat;font-style:normal;font-weight:400;font-size:32px;line-height:39px;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;color:#fff}.quote__triangle__div2{position:absolute;width:auto;height:auto;top:188px;padding:2px;background:#000;display:flex;justify-content:center;align-items:center;transform:scale(0);opacity:0}.quote__triangle__div2 p{font-family:Montserrat;font-style:normal;font-weight:400;font-size:32px;line-height:39px;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;color:#fff}.quote__hexagram_one{top:100px;right:-10%;transform:rotate(-45deg)}.quote__hexagram_one,.quote__hexagram_two{position:absolute;width:300px;height:300px}.quote__hexagram_two{bottom:100px;left:-10%;transform:rotate(45deg)}.quotetwo{margin-top:100px;position:relative;height:100%;display:flex;justify-content:center;align-items:center}.quotetwo__triangle2{position:relative}.quotetwo__div3,.quotetwo__triangle2{width:auto;height:auto;justify-content:center;display:flex}.quotetwo__div3{position:absolute;top:210px;padding:2px;background:#000;align-items:center;transform:scale(0);opacity:0}.quotetwo__div3 p{font-family:Montserrat;font-style:normal;font-weight:400;font-size:32px;line-height:39px;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;color:#fff}.quotetwo__hexagram_3{top:100px;position:absolute;width:300px;height:300px;right:-10%;transform:rotate(-45deg)}.quotetwo__hexagram_4{bottom:100px;position:absolute;width:300px;height:300px;left:-10%;transform:rotate(45deg)}@media screen and (max-width:1199px){.quote__hexagram_3{top:-20px;transform:scale(.4) rotate(-45deg);width:auto;height:auto;right:-120px}.quote__hexagram_4{bottom:-20px;transform:scale(.4) rotate(45deg);width:auto;height:auto;left:-120px}.quotetwo__hexagram_3{top:-20px;transform:scale(.3) rotate(-45deg);width:auto;height:auto;right:-120px}.quotetwo__hexagram_4{bottom:-20px;transform:scale(.3) rotate(45deg);width:auto;height:auto;left:-120px}}@media screen and (max-width:991px){.quote{margin-top:0}.quote__triangle{transform:scale(.5)}.quote__triangle__div1{width:auto;height:auto}.quote__triangle__div1 p{font-size:1.5rem}.quote__triangle__div2{width:auto;height:auto}.quote__triangle__div2 p{font-size:1.5rem}.quote__hexagram_one{top:-50px;transform:scale(.5) rotate(-45deg);width:auto;height:auto;right:-50px}.quote__hexagram_two{bottom:-50px;transform:scale(.5) rotate(45deg);width:auto;height:auto;left:-50px}.quotetwo{margin-top:0}.quotetwo__triangle2{transform:scale(.5)}.quotetwo__div3{width:auto;height:auto}.quotetwo__div3 p{font-size:1.5rem}.quotetwo__hexagram_3{top:-50px;transform:scale(.5) rotate(-45deg);width:auto;height:auto;right:-50px}.quotetwo__hexagram_4{bottom:-50px;transform:scale(.5) rotate(45deg);width:auto;height:auto;left:-50px}}@media screen and (max-width:767px){.quote__hexagram_one{right:-100px}.quote__hexagram_two{left:-100px}.quotetwo__hexagram_3{right:-100px}.quotetwo__hexagram_4{left:-100px}.quotetwo__div3 p{font-size:1.5rem}}.project{margin-top:100px;position:relative;height:100%}.project__header{font-family:Montserrat;font-style:normal;font-weight:400;font-size:2rem;line-height:39px;margin-bottom:25px;margin-top:25px;color:#e40590}.project__block{position:relative;width:100%;height:150px;border:1px solid #e40590;margin-bottom:50px}.project__loading{position:absolute;width:100%;height:150px;background-color:#e40590;margin-bottom:25px;z-index:1}.project__title{margin-top:15px}.project__description,.project__title{color:#fff;margin-bottom:2px}.project__a,.project__description,.project__title{font-family:Montserrat;font-style:normal;font-weight:400;font-size:24px;line-height:29px;margin-left:15px}.project__a{position:absolute;color:#e40590;bottom:10px}.project__div{position:absolute;width:100%;height:100%;z-index:0}@media screen and (max-width:991px){.project{margin-top:0;height:auto}.project__header{font-size:1.5rem}.project__block{height:280px}.project__loading{height:100%}.project__a,.project__description,.project__title{font-size:1.3rem}}.about{margin-top:100px;position:relative;height:100%;display:flex}.about__header{color:#6fff2c;margin-bottom:25px;margin-top:25px}.about__header,.about__p{font-family:Montserrat;font-style:normal;font-weight:400;font-size:32px;line-height:39px}.about__p{margin-left:100px;position:relative;color:#fff;width:664px;height:600px}.about__triangle{position:relative;left:250px;display:flex;justify-content:center;align-items:center}.about__svg{position:absolute;transform:scale(0)}.about__ya{top:100px;position:absolute;opacity:0}.about__instagram{position:absolute;top:50px;left:50px;transform:scale(0);-webkit-filter:invert(1);filter:invert(1);cursor:pointer}.about__instagram:hover{-webkit-filter:invert(0);filter:invert(0)}.about__github{position:absolute;top:50px;left:-180px;transform:scale(0);-webkit-filter:invert(1);filter:invert(1);cursor:pointer}.about__github:hover{-webkit-filter:invert(0);filter:invert(0)}@media screen and (max-width:1289px){.about{margin-top:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:500px}.about__p,.about__triangle{width:auto;height:auto}.about__triangle{margin-top:0;left:0;top:-50px}.about__svg{top:150px;margin-bottom:150px}.about__ya{top:-20px}.about__instagram{top:-25px;left:50px}.about__github{top:-25px;left:-150px}}@media screen and (max-width:991px){.about{margin-top:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:700px}.about__header,.about__p{font-size:1.3rem}.about__p{width:auto;height:auto;padding-right:0;margin-left:0;padding-left:0}.about__triangle{transform:scale(.8);margin-top:100px;left:0;top:0;width:100%;height:auto}.about__svg{top:150px;margin-bottom:150px}.about__ya{top:-20px}.about__instagram{transform:scale(.7);top:-25px;left:200px}.about__github{transform:scale(.7);top:-25px;left:30px}}.contact{margin-top:100px;position:relative;height:80%}.contact__header{font-family:Montserrat;font-style:normal;font-weight:400;font-size:2rem;line-height:39px;margin-bottom:25px;margin-top:25px;color:#fff}.contact__p,.contact__rights,.contact__title{font-family:Montserrat;font-style:normal;font-weight:400;font-size:1.5rem;line-height:39px;margin-bottom:25px;color:#fff}@media screen and (max-width:991px){.contact__header{font-size:1.5rem}.contact__p,.contact__rights,.contact__title{font-size:1.3rem}}.form{height:auto}.form,.form__user{width:100%;position:relative;margin-bottom:25px}.form__user{background-color:inherit;color:#fff;border:none;border-bottom:2px solid #6fff2c;font-family:Montserrat;font-style:normal;font-weight:400;font-size:1.5rem;line-height:39px;height:30px}.form__user::-webkit-input-placeholder{color:#6fff2c}.form__user::placeholder{color:#6fff2c}.form__user::-ms-input-placeholder{color:#6fff2c}.form__user:-ms-input-placeholder{color:#6fff2c}.form__email{width:100%;position:relative;margin-bottom:25px;background-color:inherit;color:#fff;border:none;border-bottom:2px solid #6fff2c;font-family:Montserrat;font-style:normal;font-weight:400;font-size:1.5rem;line-height:39px;height:30px}.form__email::-webkit-input-placeholder{color:#6fff2c}.form__email::placeholder{color:#6fff2c}.form__email::-ms-input-placeholder{color:#6fff2c}.form__email:-ms-input-placeholder{color:#6fff2c}.form__message{width:100%;position:relative;margin-bottom:25px;background-color:inherit;color:#fff;border:none;border-bottom:2px solid #6fff2c;font-family:Montserrat;font-style:normal;font-weight:400;font-size:1.5rem;line-height:39px;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-x:hidden;overflow-y:scroll;resize:vertical}.form__message::-webkit-scrollbar{width:0!important;height:0;display:none!important;background:transparent}.form__message::-webkit-input-placeholder{color:#6fff2c}.form__message::placeholder{color:#6fff2c}.form__message::-ms-input-placeholder{color:#6fff2c}.form__message:-ms-input-placeholder{color:#6fff2c}.form__submit{background-color:inherit;border:none;cursor:pointer}*{box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none}html{font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#0c0c0c;width:100%;height:100%}h1,h2,h3,h4,h5{pointer-events:auto}a{cursor:pointer;text-decoration:none}div{display:block}#root{width:100vw;position:relative;height:100vh}.App,.main{width:100%;position:relative;height:100%}.main{max-width:1280px;margin:0 auto;padding-right:100px;padding-left:100px}@media screen and (max-width:990px){.main{max-width:100%;padding-right:20px;padding-left:20px}}
/*# sourceMappingURL=main.a2227539.chunk.css.map */