body{margin:0}.submenu{align-items:center;background-color:#353642c4;color:#fff;display:flex;flex-direction:column;padding:15px;width:20%}.name{font-size:28px;font-weight:800;margin-bottom:10px;margin-top:15px}.name,.position{text-align:center}.position{font-size:18px;font-weight:700}.App{background-color:#fff;display:flex;flex-direction:row;font-family:sans-serif;min-height:100vh}.submenu-img{border-radius:50%;object-fit:cover;object-position:center;width:100%}.main-block{display:flex;flex-direction:column;width:80%}menu{align-items:center;border-radius:12px;display:flex;justify-content:center;margin:25px 0 45px;padding:15px 0;width:100%}menu a:hover{letter-spacing:5px;transition:width .35s ease-in-out}menu a{align-items:center;background-color:hsla(0,0%,100%,.09);border-radius:6px;color:#111;display:flex;flex-direction:column;font-size:18px;font-weight:700;height:45px;justify-content:space-between;letter-spacing:0;position:relative;text-decoration:none;transition:all .3s ease-in-out;width:100px}menu a:after,menu a:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid hsla(0,0%,100%,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all .28s ease-in-out;width:0}menu a.active:after,menu a.active:before,menu a:hover:after,menu a:hover:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#1f1f1fc1;transition:width .35s ease-in-out;width:70%}menu a:hover:before{bottom:auto;top:0;width:70%}menu a.active{transition:all .3s ease-in-out}.menu-container{display:flex;justify-content:space-between;max-width:600px;width:100%}.container{display:flex;padding-left:25px;padding-right:25px}.projects{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.projects-item_name{z-index:1}.projects-item:after{background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.009) 11.7%,rgba(0,0,0,.034) 22.1%,rgba(0,0,0,.072) 31.2%,rgba(0,0,0,.123) 39.4%,rgba(0,0,0,.182) 46.6%,rgba(0,0,0,.289) 53.1%,rgba(0,0,0,.39) 58.9%,rgba(0,0,0,.44) 64.3%,rgba(0,0,0,.468) 69.3%,rgba(0,0,0,.54) 74.1%,rgba(0,0,0,.607) 78.8%,rgba(0,0,0,.668) 83.6%,rgba(0,0,0,.721) 88.7%,rgba(0,0,0,.762) 94.1%,rgba(0,0,0,.79));content:"";display:block;height:130%;left:0;pointer-events:none;position:absolute;top:0;transition:.3s ease;width:100%}.projects-item:hover:after{height:100%}.projects-item{align-items:center;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;height:350px;justify-content:flex-end;margin-bottom:30px;overflow:hidden;padding:15px;position:relative;transition:.3s ease;width:calc(33% - 50px)}.projects-item_content{color:#e9e5e5e1;font-size:16px;font-style:italic;opacity:0;transition:.3s ease;z-index:1}.project-name{font-size:26px}.projects-item:hover{padding-bottom:30px}.projects-item:hover .project-name,.projects-item:hover .projects-item_content{margin-top:15px;opacity:1}.button_contact rect{fill:none;stroke:#27376d;stroke-width:1;stroke-dasharray:422,0}.button_contact svg{height:45px;left:0;position:absolute;top:0;width:100%}.button_contact:hover rect{stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:48;transition:all 1.35s cubic-bezier(.19,1,.22,1)}.button_contact:hover{background:rgba(225,51,45,0);font-weight:900}.button_contact{background:none;border:none;color:#27376d;cursor:pointer;font-size:1em;font-weight:900;line-height:1.2;margin-top:45px;outline:none;padding:.75em 1em;position:relative;-webkit-transform:translate(0);transform:translate(0);transition:color,border .2s;width:150px}.project_img{border-radius:8px;bottom:0;height:100%;left:0;margin-bottom:15px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;z-index:0}.projects-item_name{color:#fff;font-size:32px;font-weight:700;line-height:1.2}.project-name{align-items:center;background-color:#111111d6;color:#fff;display:flex;font-style:22px;font-weight:600;opacity:0;padding:8px 12px;text-decoration:none;transition:.3s ease;z-index:1}.project-link{height:25px;margin-right:15px}.education-block{flex-direction:column;flex-grow:1;justify-content:center}.education-row{align-items:center;background-color:#eef1f2;border-radius:15px;display:flex;flex-direction:row;margin-bottom:30px;margin-left:10%;padding:15px}.education-block-title{font-size:32px;font-style:normal;font-weight:500;line-height:42px;margin-bottom:30px;text-align:center}.education_date{font-size:20px;margin-right:15px;width:30%}.wrapper{display:flex;font-size:20px}.about-page,.wrapper{flex-direction:column}.about-page{align-items:center}.about-text{max-width:800px}.about-interesst{align-items:center;display:flex;justify-content:space-between;margin-top:30px;padding-left:30px;padding-right:30px}.about-interesst img{margin-left:15px;margin-right:15px;max-height:50px;width:20%}.hobby-block{font-size:20px;font-weight:700;margin-top:60px}.about-interesst-item{background-color:#27376d;border:1px solid #dbdbdb;border-radius:80px;color:#fff;margin-left:10px;padding:10px}.modal{align-items:center;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:appear;animation-name:appear;background-color:rgba(0,0,0,.25);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal,.modal-dialog{display:flex;width:100%}.modal-dialog{-webkit-animation-duration:.4s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:animatetop;-webkit-animation-name:slide-in;animation-name:slide-in;background:#fff;border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#1f1f1fde;flex-direction:column;margin:0 20px;max-height:calc(100vh - 40px);max-width:550px;overflow:hidden;position:relative;text-align:left}.modal-footer,.modal-header{align-items:center;display:flex;padding:1rem}.modal-header{border-bottom:1px solid #dbdbdb;justify-content:space-between}.modal-close{-webkit-animation:3s linear;animation:3s linear;border-radius:100%;cursor:pointer;font-size:36px;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg)}.modal-close:hover{-webkit-transform:scale(1.1) rotate(45deg);transform:scale(1.1) rotate(45deg)}.modal-body{overflow:auto}.modal-content{padding:1rem}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.link-item{align-items:center;-webkit-animation:.2s ease;animation:.2s ease;border-radius:2px;color:#1f1f1fde;display:flex;justify-content:center;margin:10px 15px;padding:5px;text-decoration:none}.link-item:hover{background-color:#1f1f1f17;text-decoration:underline}.projects-title{font-size:20px;line-height:38px;margin-bottom:20px;text-align:center;width:100%}@media screen and (max-width:1300px){.projects-item{width:calc(50% - 50px)}}@media screen and (max-width:1200px){.projects-item{width:100%}.name{font-size:18px}.education_date{font-size:20px}.education-row{margin-left:0}.main-block{width:70%}.App{justify-content:space-between}menu a:hover{letter-spacing:1px}}@media screen and (max-width:700px){.App{flex-direction:column}.submenu{flex-direction:row;flex-wrap:wrap;justify-content:center;justify-content:space-around;width:auto}.submenu-img{height:100px;width:100px}.submenu .button_contact{margin-top:45px}.main-block{width:100%}.name{margin:0}.about-interesst{flex-wrap:wrap;margin-bottom:50px}.about-interesst img{margin-bottom:15px;margin-left:0;margin-right:0;max-height:none;width:50%}.education-row{flex-direction:column}.education_date{font-size:20px;margin-bottom:10px;margin-right:0;text-align:center}.wrapper{font-size:18px;text-align:center}.education-block-title{font-size:24px;line-height:38px}}@media screen and (max-width:460px){.submenu{flex-direction:column}.submenu .button_contact{margin-top:15px}}
/*# sourceMappingURL=main.23c62701.css.map*/