body{font-family:Montserrat,sans-serif;margin:0;background-color:#000}.NotVisible{display:none!important}.Header{display:flex;justify-content:space-between}.Logo{display:flex;flex-wrap:nowrap;margin-left:40px;margin-top:30px}.Logo img{cursor:pointer}.ReactDeveloper{margin-left:80px;margin-top:12px}.Contact,.ReactDeveloper{font-weight:500;font-size:22px;text-transform:uppercase;color:#fff}.Contact{display:flex;flex-wrap:nowrap;margin-top:42px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.contactCircle{height:15px;width:15px;border-radius:50%;margin-top:29px;margin-left:20px}.contactCircle,.contactRectangle{background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.contactRectangle{height:2px!important;width:80px;margin-top:35px;margin-left:5px;margin-right:-30px}@media (max-width:992px){.Logo img{width:75px;height:73px}.ReactDeveloper{font-size:17.6px}.Contact{display:flex;flex-wrap:nowrap;font-weight:500;font-size:18px;margin-top:42px;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.contactCircle{margin-top:23px;height:12px;width:12px}.contactRectangle{margin-top:29px;height:1.6px}}@media (max-width:762px){.Logo img{width:40px;height:40px;margin-left:-20px}.ReactDeveloper{font-size:8px;margin-left:10px;margin-top:7px}.Contact{display:flex;flex-wrap:nowrap;font-weight:500;font-size:8px;margin-top:38px;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.contactCircle{height:10px;width:10px;margin-top:10px}.contactRectangle{margin-top:14px;height:1px!important}}.ContactSection{position:absolute;right:0;z-index:2;color:#fff;background-color:#1b1a1b;-webkit-animation-name:grow;animation-name:grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes grow{0%{width:0;height:0;right:0}to{width:691px;height:95vh;right:0}}@keyframes grow{0%{width:0;height:0;right:0}to{width:691px;height:98vh;right:0}}.Fold{position:absolute;-webkit-animation:fold;animation:fold;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;right:0}@-webkit-keyframes fold{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes fold{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.ContactSection img{top:60px}.ContactSection img,.ContactSection p{position:absolute;right:30px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ContactSection p:nth-child(2){margin-top:440px;text-transform:uppercase;font-size:22px;letter-spacing:2.93px}.ContactSection p:nth-child(3){margin-top:480px;font-size:22px;letter-spacing:2.93px}.ContactSection p:nth-child(4){margin-top:520px;font-size:22px;letter-spacing:2.93px}.ContactSection p:nth-child(5){margin-top:560px;font-size:22px;letter-spacing:2.93px}.ContactSection p:nth-child(6){margin-top:600px;font-size:22px;letter-spacing:2.93px}.Close{display:flex;flex-wrap:nowrap;font-weight:500;font-size:22px;right:110px;margin-top:42px;text-transform:uppercase;cursor:pointer;z-index:3;color:#fff}.Close,.closeCircle{position:absolute;-webkit-transition:all .3s;transition:all .3s}.closeCircle{background-color:#fff;height:15px;width:15px;right:-22px;border-radius:50%;margin-top:29px!important;margin-right:-2px}.closeRectangle{position:absolute;background-color:#fff;height:2px;width:80px;margin-top:36px!important;right:-110px!important;-webkit-transition:all .3s;transition:all .3s}.ContactSection img{margin-top:200px}.Contact:hover{margin-right:30px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:992px){.Close{font-size:18px;z-index:5}.closeCircle{height:12px;width:12px;margin-top:24px!important}.closeRectangle{height:1.6px;margin-top:30px!important}.ContactSection{z-index:4}}@media (max-width:762px){.Close{font-size:8px;z-index:5}.Close p{margin-right:-25px}.closeCircle{height:10px;width:10px;margin-top:10px!important}.closeRectangle{height:1.6px;margin-top:15px!important}.ContactSection{z-index:4}.ContactSection img{width:66px;margin-top:30px}.ContactSection p:nth-child(2){margin-top:200px;font-size:14px}.ContactSection p:nth-child(3){margin-top:230px;font-size:14px}.ContactSection p:nth-child(4){margin-top:260px;font-size:14px}.ContactSection p:nth-child(5){margin-top:290px;font-size:14px}.ContactSection p:nth-child(6){margin-top:320px;font-size:14px}}.Body{width:100vw}.Body,.Email{display:block;position:relative}.Email{text-align:center;margin-top:750px}.Rectangle{width:55vw;height:620px;top:50px;background-color:#1b1a1b;position:absolute;right:0}.TextAbout{text-transform:uppercase;color:#fff;letter-spacing:8px;text-align:right;margin-right:70px;line-height:1.5;-webkit-animation:fadein .8s;animation:fadein .8s}.TextAbout p:first-child{margin-top:65px;font-weight:700;font-size:50px;letter-spacing:9.69px}.TextAbout p:nth-child(2),.TextAbout p:nth-child(3),.TextAbout p:nth-child(4){font-weight:500;font-size:30px;opacity:.6}.AboutMe{display:relative;text-align:right;margin-right:75px;margin-top:80px}.AboutMe:hover .Line{margin-right:-225px}.AboutMe:hover p{opacity:0}.AboutMe p{color:#fff;font-size:30px;font-weight:500;margin-top:-60px;margin-right:40px;letter-spacing:9.69px;text-transform:uppercase;cursor:pointer;-webkit-transition:.5s;transition:.5s;z-index:2}.Line{position:absolute;background-color:#fff;height:2px;width:180px;right:370px;margin-top:-42px;-webkit-transition:.3s;transition:.3s}.NotVisible{display:none}.Descr{width:481px;height:401px;right:60px;margin-top:90px;font-size:22px;text-align:right;color:#fff;letter-spacing:2.93px;position:absolute;-webkit-animation:fadein .4s;animation:fadein .4s;line-height:35px;font-weight:500}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.Description span{color:#8a8bd1}.Niko{position:absolute;width:1004px;height:560px;margin-left:5%;margin-top:80px}#root>div>div.Body>div.Niko>div{display:inline-block;position:absolute;z-index:3}#root>div>div.Body>div.Niko>div:before{content:"";display:block;position:absolute;width:1006px;height:563px;margin-top:-1.5px;background:url(/static/media/NikoNew.0d6c6ee7.svg);background-repeat:no-repeat;background-size:contain;z-index:4}@media (max-width:1700px){.Niko{width:895.3px;height:500px;margin-left:5%;margin-top:99px}.Rectangle{width:55vw;height:600px;top:50px}#root>div>div.Body>div.Niko>div:before{width:899px;height:502px;margin-top:0;margin-left:1px}.TextAbout p:first-child{margin-top:52px}.Descr{margin-top:70px;font-size:22px;width:470px}.Email{margin-top:740px}}@media (max-width:1500px){.Niko{width:679.9px;height:378px;margin-left:5%;margin-top:130px}.Rectangle{width:55vw;height:540px;top:50px}#root>div>div.Body>div.Niko>div:before{width:680.9px;height:380px;margin-top:-1.1px;margin-left:1px}.TextAbout p:first-child{margin-top:28px}.AboutMe,.TextAbout p,.TextAbout p:first-child{-webkit-transform:scale(.9);transform:scale(.9)}.AboutMe:hover .Line{margin-right:-300px}.Descr{margin-top:90px;font-size:14px;width:420px}.Email{margin-top:700px}}@media (max-width:1200px){.Niko{width:501.2px;height:280px;margin-left:5%;margin-top:140px}.Rectangle{width:60vw;height:460px;top:50px}#root>div>div.Body>div.Niko>div:before{width:501.2px;height:280px;margin-top:0;margin-left:1px}.TextAbout p:first-child{margin-top:16px}.AboutMe,.TextAbout p,.TextAbout p:first-child{-webkit-transform:scale(.7);transform:scale(.7)}.AboutMe{margin-top:20px}.AboutMe:hover .Line{margin-right:-300px}.Descr{margin-top:45px;font-size:14px;width:380px}.Email{margin-top:620px}}@media (max-width:992px){.Email{margin-top:0;-webkit-transform:translate(10px);transform:translate(10px)}.Niko{width:501.2!important;height:280px;text-align:center;-webkit-transform:translate(-15%);transform:translate(-15%);margin-top:80px}.Niko,.Rectangle{display:block;position:relative}.Rectangle{background:#000;margin:auto;width:60vw;height:460px;top:50px}#root>div>div.Body>div.Niko>div:before{width:501.2px;height:280px;margin-top:0;margin-left:1px;content:"";display:block;position:absolute;background:url(/static/media/NikoBlack.a95397fb.svg);background-repeat:no-repeat;background-size:contain;z-index:4}.TextAbout p:first-child{margin-top:16px;-webkit-transform:scale(.7);transform:scale(.7);text-align:center}.AboutMe,.TextAbout p{text-align:center}.AboutMe{-webkit-transform:scale(.7);transform:scale(.7);margin-top:20px}.AboutMe:hover .Line{margin-right:-290px}.Line{display:none}.TextAbout{margin:auto;position:relative}.TextAbout p{-webkit-transform:scale(.7);transform:scale(.7)}.TextAbout p:nth-child(2){margin-top:-20px!important}.Rectangle{width:80%}.AboutMe{display:block;margin:auto}.AboutMe p{margin:-60px auto auto}.Descr,.Description{display:block!important;width:90%}.Descr{right:0;text-align:center;margin-top:70px;margin-right:36px;font-size:20px}.react-player{position:fixed!important;text-align:center;-webkit-transform:translate(-3%);transform:translate(-3%)}}@media (max-width:800px){.Niko{margin-left:0;-webkit-transform:translate(-28%);transform:translate(-28%)}.Descr{display:block!important;width:100%;right:-10px;text-align:right;margin:0 32px auto auto;font-size:12px}.react-player{position:fixed!important;text-align:center;-webkit-transform:translate(3%);transform:translate(3%)}.Niko{display:none}.TextAbout p:first-child{font-size:24px;text-align:center;margin-bottom:42px}.TextAbout p:nth-child(2),.TextAbout p:nth-child(3),.TextAbout p:nth-child(4){font-size:22px;text-align:center}.Line{display:none}.AboutMe{display:block;position:relative;margin-top:80px}.AboutMe p:hover{opacity:.6;color:#8a8bd1}.Email{margin-top:50px;-webkit-transform:translateX(0);transform:translateX(0)}.AboutMe img{margin-left:-9px;display:none}}
/*# sourceMappingURL=main.c161ef41.chunk.css.map */