*{box-sizing:border-box}html{height:100vh}body,html{width:100%}body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.block-wrapper{margin:5rem auto;width:80%;max-width:1080px}.block-header{padding:.5rem;width:100%;text-align:center;font-size:2rem;font-family:Ubuntu,sans-serif;color:#cfd8dc}.inner-wrapper{padding:2rem;width:100%}#root,.App{width:100%;height:100%}.MainHead{position:relative;top:0;left:0;display:flex;margin:0;padding:0;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.MainHead-logo-wrapper{position:relative;top:0;left:0;margin:2rem 0;width:80%;pointer-events:none}.MainHead-logo{width:50%}.MainHead-main-text{position:relative;top:0;left:0;margin:0 auto;width:80%;text-align:center;font-size:3rem;font-family:Raleway,sans-serif;font-weight:lighter;color:#fff;pointer-events:none}.TextCircuit{display:inline-block;width:4em;pointer-events:none}.MainBackground{position:absolute;top:0;left:0;margin:0;padding:0}.About-wrapper{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}@media screen and (min-width:800px){.About-wrapper{flex-direction:row}}.About-img{display:block;width:100%;height:100px;object-fit:cover;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3)}@media screen and (min-width:800px){.About-img{width:30%;height:auto}}.About-text{padding:2rem;font-size:1rem;line-height:1.5rem;font-family:Ubuntu,sans-serif}.About-text-section{padding:1rem 0}.Skill-block-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}.Skill-block{margin:.5rem 0;width:32%;min-width:13em}.Skill-logo-wrapper{display:flex;justify-content:center;align-items:center;margin:0 auto;width:3rem;height:3rem;border-radius:50%;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}.Skill-logo{width:2rem;height:2rem}.Skill-level-text{margin:0 auto;padding:1rem 0;width:80%;text-align:center;font-family:Ubuntu,sans-serif;font-size:1.3rem}.Skill-list-wrapper{text-align:center}.Skill-list{display:inline-flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 auto;padding:0;list-style:none}.Skill-list>li{display:inline;margin:.3rem 0;font-size:1.1rem;font-family:Raleway,sans-serif}.Works-item{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;margin:2rem 0;width:100%}@media screen and (min-width:800px){.Works-item{flex-direction:row}}.Works-img-wrapper{position:relative;width:100%;border-radius:3px}.Works-img{display:block;width:100%;border-radius:3px}.Works-text{margin:1rem;padding:2rem;width:100%}.Works-title{margin:0 0 1rem;padding:0 1rem;font-size:1.5rem}.Works-title,.Works-url{width:100%;font-family:Raleway,sans-serif}.Works-url{color:#000;text-decoration:none;font-size:.9rem}.Form{position:relative;margin:auto;padding:2rem 3rem;width:100%}@media screen and (min-width:800px){.Form{width:70%}}.Form-parts{margin:1rem auto}.Form-mail-input-label{display:block;color:#607d8b}.Form-mail-input-text{margin:0;padding:.2rem .5rem;font-size:1.1rem}.Form-mail-input,.Form-mail-input-text{display:block;font-family:Ubuntu,sans-serif}.Form-mail-input{padding:.5rem;font-size:1rem;width:100%;border:1px solid #cfd8dc;outline:0;border-radius:3px;transition:all .3s}.Form-mail-input:focus{box-shadow:1px 1px 3px rgba(0,0,0,.3)}.Form-message-input{display:block;padding:.5rem;font-size:1rem;width:100%;border:1px solid #cfd8dc;outline:0;border-radius:3px;resize:vertical;font-family:Ubuntu,sans-serif;transition:all .3s}.Form-message-input:focus{box-shadow:1px 1px 3px rgba(0,0,0,.3)}.Form-send-error{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;padding:1rem .5rem;width:100%;border-radius:3px;color:#fff;background:#d32f2f}.Form-send-error-icon{margin-right:1rem;font-size:1.2rem}.Form-send-error-text{font-size:1rem}.Form-send-button{display:block;width:100%;padding:.5rem;font-size:1rem;border:0;border-radius:3px;outline:0;box-shadow:1px 1px 3px rgba(0,0,0,.3);background:#0d47a1;color:#fff;cursor:pointer;transition:all .3s}.Form-send-button:hover{box-shadow:1px 1px 3px rgba(0,0,0,.5)}.Form-send-button:active{box-shadow:inset 1px 1px 3px rgba(0,0,0,.5)}.Form-send-button:disabled{background:#bbdefb;cursor:default;box-shadow:1px 1px 3px transparent}.Form-sending-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;color:#0d47a1;background:hsla(0,0%,100%,.8);border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3)}.Form-sending-text{width:100%;font-family:Ubuntu,sans-serif;font-size:1.5rem;text-align:center}.Form-sending-icon{font-size:5rem}.Contacts{width:100%}.Contacts-form{margin-bottom:5rem}.Contacts-link-before-text{width:100%;font-size:1.1rem;font-family:Ubuntu,sans-serif;text-align:center}.Contacts-link-box{flex-direction:row;flex-wrap:wrap}.Contacts-link,.Contacts-link-box{display:flex;justify-content:center;align-items:center}.Contacts-link{margin:1rem;color:#fff;background:#0277bd;height:4rem;width:4rem;font-size:2rem;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,.2)}.Contacts-link:hover{animation:Contacts-link-hover .5s ease-in both}@keyframes Contacts-link-hover{0%,50%,to{transform:translateY(0) rotate(0)}25%,75%{transform:translateY(-3px) rotate(5deg)}}.Footer{padding:2rem 0}.Footer-logo{display:block;margin:1rem auto;width:50%;max-width:15rem}@media screen and (min-width:800px){.Footer-logo{width:15%}}.Nav{display:none}@media screen and (min-width:800px){.Nav{display:block;position:fixed;top:50%;right:0;transform:translate(50%,-50%);padding:0 .5rem;z-index:1;opacity:.3;transition:all .3s}}.Nav:hover{transform:translateY(-50%);opacity:1}.Nav-box{flex-direction:column;flex-wrap:nowrap;width:3rem;padding:.5rem 0;background:#1e88e5;border-radius:1.5rem}.Nav-box,.Nav-link{display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 3px rgba(0,0,0,.3)}.Nav-link{width:2rem;height:2rem;color:#fff;text-decoration:none;font-size:1rem;margin:.2rem 0;background:#0d47a1;border-radius:50%;transition:all .3s}.Nav-link:hover{animation:Nav-link-hover .5s ease-in both}@keyframes Nav-link-hover{0%,to{transform:rotate(0)}25%,75%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}
/*# sourceMappingURL=main.26fac00d.chunk.css.map */