@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap);*{box-sizing:border-box;color:#fff;font-family:Montserrat,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}.container,body{background-color:#282a35}.container{margin:0 auto;max-width:1200px;padding:10px}.Header-site-header{font-size:20px;text-align:center}.Navside-container{align-content:center;border-bottom:1px solid gray;display:flex;height:75px;justify-content:space-between}.Navside-container ul{cursor:pointer}.Navside-container li a:hover{color:#fff;font-weight:800}.nav-item a:after{background-color:#fff;content:"";display:block;height:1px;-webkit-transform:scale(0);transform:scale(0);transition:all .5s;width:100%}.nav-item a:hover:after{-webkit-transform:scale(1.25);transform:scale(1.25)}.Navside-logo{font-size:40px;line-height:75px;text-align:center;width:30%}.Navside-logo span{font-size:18px}.Navside-menu ul li{display:inline-block;margin-top:30px;padding:0 30px}.Home-site{align-items:center;flex-direction:column;margin:5px 0;padding:50px 0}.Home-site,.home-container{align-content:center;display:flex}.home-container{justify-content:flex-end;padding:100px 0 50px}.home-my-foto{background-image:url(/react-site/static/media/my_foto3.b10b911cbaf4bf5931a6.jpg);background-position:top;background-repeat:no-repeat;border-radius:20px;height:491px;min-width:650px}.Home-site h1{text-align:center}.home-me-info{color:#fff;font-size:30px;padding-left:40px}.home-me-info p{margin-bottom:30px}.home-congratulation{font-size:50px}.About-site{padding:10px}.about-summary{font-size:25px;margin:25px;text-align:center}.about-description{align-items:start;display:flex;justify-content:space-between;margin-top:50px}.about-experience span{color:gray;text-decoration:underline}.about-experience li h4,.about-experience li h4 a{color:gold}.about-experience li h4 a:hover{text-decoration:underline}.about-experience{width:35%}.personal-qualities{width:40%}.about-certificate{display:flex;flex-direction:column;margin:35px}.about-certificate h2{letter-spacing:4px;margin:35px;text-align:center}.about-img{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.about-img img{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);height:220px;margin:10px 0;width:350px}.about-experience ul li,.about-stack ul li,.personal-qualities ul li{color:#fff;font-size:18px;margin-bottom:15px;margin-left:20px}.about-experience ul,.about-stack ul,.personal-qualities ul{border-left:1px solid gray;margin-top:15px}.about-link-cv{text-align:right}.about-link-cv a{color:#d3d3d3;font-size:16px;font-weight:800;letter-spacing:1.5px;text-decoration:underline}.Projects-container{margin:25px 0;padding:10px}.Projects-container h2{color:gray;letter-spacing:5px;text-align:center}.section{grid-template-areas:"leftside rightside";height:300px}.project2-style,.section{background:#282a35;border-radius:10px;box-shadow:0 0 10px 0 gray;display:grid;margin:25px 0;padding:25px}.project2-style{grid-template-areas:"leftside rightside" "leftside rightside" "leftside rightside";height:500px}.about-project{color:#fff;grid-area:leftside;width:400px}.app-project{align-content:center;align-items:center;background-color:#282a30;border-radius:10px;box-shadow:inset 0 0 5px 0 gray;color:#fff;display:flex;flex-direction:column;grid-area:rightside;justify-content:center;padding:15px;width:700px}.about-project h1:hover{text-decoration:underline}.about-project h1,h3{color:#fff;margin:10px 0}.about-project h3 span{color:gold}.about-project p,li{color:#fff;margin:10px 0 0 20px}.link-to-code a{color:#a9a9a9}.link-to-code a:hover{font-weight:800;text-decoration:underline;transition:all .5s}.Project1-style{align-items:center;display:flex;height:100%;justify-content:center;margin:15px 0}.btn-project-minus,.btn-project-plus{background-color:#9acd32;border:1px solid #fff;border-radius:7px;box-shadow:0 0 10px 0 gray;color:#fff;cursor:pointer;font-size:50px;height:60px;margin:0 10px;padding:0;width:100px}.btn-project-minus{align-items:center;background-color:red;display:flex;justify-content:center}.Project1-style div span{color:#fff;display:block;font-size:75px;text-align:center;width:140px}.event-odd{text-align:center}.link-to-code{align-items:flex-end;display:flex;flex-direction:column;font-size:14px;padding:10px 0 0;width:100%}.Project2-style,.description{text-align:center}.Project2-style{align-items:center;display:flex;height:100%;justify-content:center}.open-modal-btn{background:#000;border:2px solid #d3d3d3;border-radius:20px;box-shadow:0 0 5px 0 gray;cursor:pointer;font-size:22px;font-weight:500;line-height:23px;outline:none;padding:18px 25px;transition:all .1s ease-in-out;&:hover{box-shadow:0 0 0 0 gray;-webkit-transform:translateY(-1px);transform:translateY(-1px)}&:active{box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}}.hidden{display:none}.modal,.overlay{transition:all .5s ease-in-out}.modal{background-color:#fff;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,.1);padding:20px 10px}svg{cursor:pointer;opacity:.3;position:relative;right:-310px;top:-300px;&:hover{opacity:1}}img{height:300px;position:relative;right:10px;width:300px}.Project3-style{display:flex;flex-direction:row;width:100%}.Project3-input{border-right:1px solid gray;padding:0 20px 0 0}#Project3-select{color:#000;font-size:12px;width:160px}.Project3-checkbox{align-items:top;margin:15px 0;text-align:left}label{font-size:14px;margin-left:15px}.Project3-btn{background:green;border:1px solid #fff;border-radius:5px;box-shadow:0 0 10px 0 gray;color:#fff;cursor:pointer;font-size:14px;letter-spacing:1px;margin-top:20px;padding:5px 20px;width:100%}#Project3-select option{color:#000}.Project3-out{font-size:12px;padding:0 15px 0 0;text-align:left;width:70%}.Project3-out ul li{color:gray;font-size:14px;margin:20px}.Project3-out ul li span{color:#fff;font-size:16px;font-weight:700}.Project3-out ul li a{color:#fff;text-decoration:underline}.Project3-out div p{background-color:#d3d3d3;border-radius:30px;color:#000;font-size:18px;margin:30px;padding:20px 0;text-align:center}.Contact-site{border:2px solid gray;height:100vh;margin:5px 0;padding:10px}.contacts-description{margin:50px 0 0;text-align:center}.contacts-description p{padding:10px 0}.container-contacts{border-bottom:1px solid gray;display:flex;font-size:18px;height:500px;justify-content:space-between;padding:25px 0}.contacts-form,.contacts-info{width:50%}.contacts-copyright{padding:25px 0;text-align:center}.contacts-copyright span{font-size:20px;font-weight:700}.contacts-info-icon{margin:30px 0;position:relative}.contacts-info-icon .icon,.contacts-info-icon a .icon{font-size:2rem;left:0;margin:10px 0;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.contacts-info-icon p{margin-left:60px}.contacts-info-icon a .icon:hover{color:gold}.contacts-info-icon a:hover{text-decoration:underline}.contacts-form{padding:20px 40px;text-align:left}form *{outline:none}.contacts-form input,textarea{border:none;border-radius:5px;color:#000;font-size:14px;letter-spacing:1px;margin-bottom:15px;padding:10px;resize:vertical;width:100%}.labelForm{font-size:16px;letter-spacing:1px;margin:0}.contacts-form input:focus,textarea:focus{box-shadow:0 0 5px 3px #d3d3d3}._error{box-shadow:0 0 5px 3px red}.contacts-btn{background-color:gray;border:none;border-radius:10px;box-shadow:0 0 5px 2px #d3d3d3;color:#fff;cursor:pointer;font-size:16px;letter-spacing:1px;padding:10px 0;position:relative;text-transform:uppercase;top:0;transition:background-color .5s ease 0s;width:100%}.contacts-btn:hover{background-color:#328332}.contacts-btn:active{box-shadow:0 0 5px 0 #d3d3d3;top:3px}.stye_error{color:#faebd7}
/*# sourceMappingURL=main.18e42275.css.map*/