@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#3a3a3a}header{align-items:center;display:flex;flex-direction:row;height:13vh;justify-content:space-between;padding:0 45px;position:absolute;width:100%;z-index:100}header a{text-decoration:none}header p{color:#fff;font-family:Montserrat,sans-serif;font-size:23px}header p .red{color:#ff7474}header .menuBtn{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:auto;height:48px;justify-content:center;width:55px}header .menuBtn .line{background-color:#fff;border-radius:10px;height:4px;margin:6px 0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}header .menuBtn.active .line:first-child{margin-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .menuBtn.active .line:nth-child(2){opacity:0}header .menuBtn.active .line:nth-child(3){margin-top:-19px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mainPage{display:flex;flex-direction:row;height:100vh;width:100%}.mainPage .left{align-items:start;color:#fff;display:flex;flex-direction:column;font-family:Montserrat Alternates,sans-serif;height:87vh;justify-content:space-around;margin-top:13vh;padding:0 35px;width:35%}.mainPage .left h1{font-size:50px;letter-spacing:10px}.mainPage .left .connecting{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#222;cursor:pointer;display:flex;font-family:Montserrat Alternates,sans-serif;font-size:18px;font-weight:900;height:55px;justify-content:center;text-decoration:none;width:240px}.mainPage .left .emailMainPage .email .red{color:#ff7474}.mainPage .right{background-image:url(/static/media/mainPage.56d05cbd8f9f69163e7e.png);background-position:100%;background-size:cover;height:100%;width:65%}.mainPage .left .skillsMainPage .goodAt{font-family:Montserrat Alternates,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px}.projectCards{align-items:center;display:flex;flex-direction:column;font-family:Montserrat Alternates,sans-serif;height:auto;justify-content:center;padding-bottom:50px;padding-top:16vh;width:100%}.projectCards h2{color:#fff;font-size:40px}.projectCards .projects-cards{align-items:center;display:flex;flex-direction:column;font-family:Montserrat Alternates,sans-serif;height:auto;justify-content:center;margin-top:70px;width:100%}.projectCards .projects-cards .card{background-image:url(https://images.unsplash.com/photo-1553095066-5014bc7b7f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8d2FsbCUyMGJhY2tncm91bmR8ZW58MHx8MHx8fDA%3D&w=1000&q=80);background-position:50%;background-size:cover;border-radius:10px;font-family:Montserrat Alternates,sans-serif;height:350px;margin-bottom:80px;padding:20px;width:850px}.projectCards .projects-cards .card .up{color:#fff;display:flex;flex-direction:column;font-family:Montserrat Alternates,sans-serif;height:90%;justify-content:space-around;padding-bottom:-30px;width:100%}.projectCards .projects-cards .card .up p{font-family:Montserrat Alternates,sans-serif;margin-top:30px}.projectCards .projects-cards .card .up a{color:#fff;cursor:pointer;display:inline-block;font-family:Montserrat Alternates,sans-serif;font-size:30px;font-weight:700;position:relative;text-decoration:none;transition:.5s}.projectCards .projects-cards .card .up a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:100%}.projectCards .projects-cards .card .up a:hover{letter-spacing:5px}.projectCards .projects-cards .card .up a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.projectCards .projects-cards .card .up a::marker{content:""}.projectCards .projects-cards .card .down{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:Montserrat Alternates,sans-serif;height:10%;justify-content:space-between;width:100%}.projectCards .projects-cards .card .down a{color:#fff;font-family:Montserrat Alternates,sans-serif;text-decoration:none}.projectCards .projects-cards .card .down a:hover{font-family:Montserrat Alternates,sans-serif;text-decoration:underline}.contacts{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:-100%;padding:14vh 45px 0;width:100%}.contacts .upper{color:#fff}.contacts .upper,.contacts .upper p{font-family:Montserrat Alternates,sans-serif}.contacts .upper p{font-size:35px;letter-spacing:7px}.contacts .upper h2{display:flex;font-family:Montserrat Alternates,sans-serif;font-size:50px;font-weight:200;justify-content:center;letter-spacing:10px;margin-bottom:40px;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background-color:#ff7474;border-radius:10px 0 0 10px;margin-right:10px}.aboutMePage{display:flex;flex-direction:column;margin-left:-100%;padding:15vh 45px 0}.aboutMePage .about-me{color:#fff;font-family:Montserrat Alternates,sans-serif;height:90vh;width:100%}.aboutMePage .about-me .up{align-items:center;display:flex;flex-direction:row;height:8vh;justify-content:center;width:100%}.aboutMePage .about-me .up h2{color:#fff;font-family:Montserrat Alternates,sans-serif;font-size:40px}.aboutMePage .about-me .down{align-items:center;display:flex;flex-direction:row;height:82vh;justify-content:space-between;width:100%}.aboutMePage .about-me .down .left{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.aboutMePage .about-me .down .left .blockImage{background-image:url(/static/media/photo.3c7c33f08d70aa75f17b.jpg);background-position:50%;background-size:cover;border-radius:50%;height:30vw;max-height:400px;max-width:400px;width:30vw}.aboutMePage .about-me .down .right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;width:100%}.aboutMePage .about-me .down .right h4{font-size:30px}.aboutMePage .about-me .down .right p{font-size:25px}.aboutMePage .about-me .down .right .colorful{background:linear-gradient(-45deg,#ffc796,#ff6b95);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.aboutMePage .info{margin-top:100px;width:100%}.aboutMePage .info h2{font-size:50px;margin-bottom:30px;text-align:center}.aboutMePage .info h2,.aboutMePage .info p{color:#fff;font-family:Montserrat Alternates,sans-serif}.aboutMePage .info p{font-size:30px;letter-spacing:5px;margin:20px 0}.aboutMePage .info p .red{color:#ff7474}.aboutMePage .info p .blue{color:#4d4dff}.aboutMePage .info p .yellow{color:#fffc41}.aboutMePage .skills{width:100%}.aboutMePage .skills h2{font-size:40px;margin-bottom:30px;margin-top:30px;text-align:center}.aboutMePage .skills h2,.aboutMePage .skills p{color:#fff;font-family:Montserrat Alternates,sans-serif}.aboutMePage .skills p{font-size:25px;letter-spacing:3px;margin:20px 0}.aboutMePage .skills p .red{color:#ff7474}body{overflow-x:hidden}.menuAll{background-color:#3a3a3a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 45px;position:fixed;transition:1s;width:100%}.menuAll a{color:#fff;cursor:pointer;display:inline-block;font-family:Montserrat Alternates,sans-serif;font-size:40px;font-weight:900;margin:20px 0;position:relative;text-decoration:none;transition:.5s;width:335px!important}.menuAll .cvBtn:hover{letter-spacing:0}.menuAll a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:100%}.menuAll a:hover{letter-spacing:15px}.menuAll a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.menuAll a::marker{content:""}*{overflow-x:hidden}@media screen and (max-width:1020px){.mainPage .right{width:55%}.mainPage .left{width:45%}.mainPage .left h1{font-size:40px}}@media screen and (max-width:712px){.mainPage .right{display:none}.mainPage .left{width:100%}body{background-image:url(/static/media/mainPage.56d05cbd8f9f69163e7e.png);background-position:0;background-size:cover}}@media screen and (max-width:1150px){.aboutMePage .about-me .down .right h4{font-size:25px}.aboutMePage .about-me .down .right p{font-size:20px}}@media screen and (max-width:1000px){.aboutMePage .about-me{height:auto}.aboutMePage .about-me .down{flex-direction:column;height:auto;margin-top:30px}.aboutMePage .about-me .down .left,.aboutMePage .about-me .down .right{height:auto;margin-bottom:20px;width:100%}.aboutMePage .about-me .down .left .blockImage{height:250px;width:250px}.aboutMePage .about-me .down .right{align-items:start;padding:0}}@media screen and (max-width:510px){.aboutMePage .about-me .down .left,.aboutMePage .about-me .down .right,.aboutMePage .about-me .up{height:auto}}@media screen and (max-width:474px){.aboutMePage .about-me{height:auto}.aboutMePage .about-me .down .left .blockImage{height:200px;width:200px}.aboutMePage .about-me .down .right p{font-size:20px}.aboutMePage .about-me .down .right h2{font-size:25px}}@media screen and (max-width:440px){.aboutMePage .about-me .down .right p{font-size:15px}}@media screen and (max-width:400px){.aboutMePage .about-me{height:auto}.aboutMePage .about-me .down .right p{font-size:17px}.aboutMePage .about-me .down .right h2{font-size:20px}}@media screen and (max-width:908px){.projectCards .projects-cards .card{height:300px;width:600px}}@media screen and (max-width:631px){.projectCards .projects-cards .card{height:250px;width:90%}}@media screen and (max-width:517px){.projectCards .projects-cards .card .up a{font-size:20px}.projectCards .projects-cards .card .up p{font-size:15px}.projectCards .projects-cards .card .down a,.projectCards .projects-cards .card .down p{color:#ff7474;font-size:15px;font-weight:900}}@media screen and (max-width:386px){.projectCards .projects-cards .card .up a{font-size:15px}.projectCards .projects-cards .card .up p{font-size:13px}.projectCards .projects-cards .card .up .imageBlock{justify-content:flex-start}.projectCards .projects-cards .card .down a,.projectCards .projects-cards .card .down p{color:#ff7474;font-size:13px;font-weight:900}}@media screen and (max-width:313px){.projectCards h2{font-size:30px}.projectCards .projects-cards .card{height:300px}.projectCards .projects-cards .card .up a{font-size:15px}.projectCards .projects-cards .card .up p{font-size:13px}.projectCards .projects-cards .card .up .imageBlock{justify-content:flex-start}.projectCards .projects-cards .card .down a,.projectCards .projects-cards .card .down p{color:#ff7474;font-size:13px;font-weight:900}}.contacts .upper p .red{color:#ff7474}@media screen and (max-width:1247px){.contacts .upper p{font-size:30px}}@media screen and (max-width:1126px){.contacts .upper p{font-size:25px}.contacts .upper h2{font-size:35px}}@media screen and (max-width:1007px){.contacts .upper p{font-size:20px;letter-spacing:5px}.contacts .upper h2{font-size:35px}}@media screen and (max-width:800px){.contacts .upper{padding-bottom:100px}.contacts .upper p{font-size:20px;letter-spacing:3px}.contacts .upper h2{font-size:35px}}@media screen and (max-width:716px){.contacts .upper p{font-size:20px;letter-spacing:1px}.contacts .upper .red{color:#ff7474;font-size:auto}.contacts .upper h2{font-size:35px}}@media screen and (max-width:621px){.contacts .upper p{font-size:19px;letter-spacing:1px}.contacts .upper h2{font-size:35px}}@media screen and (max-width:407px){.contacts .upper p{letter-spacing:0}.contacts .upper h2{font-size:25px}}@media screen and (max-width:371px){.contacts .upper{padding-bottom:50px}.contacts .upper p{font-size:15px}.contacts .upper h2{font-size:25px}}@media screen and (max-width:419px){header p{font-size:18px}header .menuBtn{display:flex;flex-direction:column;height:32px;justify-content:space-between;overflow:hidden;width:43px}header .menuBtn .line{height:4px;margin:0;padding:0}}@media screen and (max-width:375px){.menuAll a{font-size:30px;width:200px!important}.menuAll a:hover{letter-spacing:4px}}@media screen and (max-width:300px){.menuAll{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0}.menuAll a{text-align:center;width:auto!important}}
/*# sourceMappingURL=main.0dc074b0.css.map*/