*{background:#0000;box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;background:linear-gradient(90deg,#07233b 1.67%,#041d34 39.95%,#04192d 58.24%,#040e18 80.28%,#050c16 101.48%);color:#fff;font-family:Space Grotesk,sans-serif;overflow:hidden;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar .desktopMenuBtn{background:#0000;border:2px solid #0788ff;border-radius:1rem;color:#fff;outline:none;text-transform:uppercase}.navbar .desktopMenuBtn:hover{background-color:#042c51;cursor:pointer;transition:all .5s}.navbar{background:linear-gradient(90deg,#07233b 1.67%,#041d34 39.95%,#04192d 58.24%,#040e18 80.28%,#050c16 101.48%);height:5rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.navbar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem}.navbar .logo-wrap{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center}.navbar .logo{border-radius:.5rem;height:2.5rem;object-fit:cover}.navbar .logo-slogan{font-size:2rem;font-weight:700;margin-left:6px}.navbar .desktopMenuListItem{cursor:pointer;letter-spacing:2px;margin:1rem;text-transform:uppercase}.navbar .desktopMenuListItem:hover{border-bottom:3px solid #0788ff;color:#0788ff;padding-bottom:.5rem;transition:all .2s}.navbar .desktopMenuBtn{background-color:#0788ff;display:flex;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:1.5px}.navbar .desktopMenuBtn a{padding:1rem 2rem}.navbar .active{border-bottom:3px solid #0788ff;color:#0788ff;padding-bottom:.5rem}.navbar .activeBtn{color:#fff}.navbar .navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:6}.navbar .navMenu .listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}.navbar .navMenu .listItem:hover{color:#0788ff;cursor:pointer}.navbar .burger-menu{display:none}.navbar .burger-menu:hover{cursor:pointer}@media screen and (max-width:900px){.navbar .burger-menu{display:flex}.navbar .desktopMenu,.navbar .desktopMenuBtn{display:none}}#intro .introInfo .btn-wrap .download-btn{background:#0000;border:2px solid #0788ff;border-radius:1rem;outline:none;text-transform:uppercase}#intro .introInfo .btn-wrap .download-btn:hover{background-color:#042c51;cursor:pointer;transition:all .5s}#intro{display:flex;height:calc(100vh - 5rem);margin:0 auto 30px;max-width:75rem;overflow:hidden;padding:70px 0;position:relative;width:100vw}#intro .introContent{grid-gap:2rem;align-items:center;display:flex;flex-direction:row;font-size:2.5rem;font-weight:700;justify-content:center}#intro .portrait-wrap{padding-left:2rem}#intro .bg{border-radius:1rem;object-fit:contain;width:35vw}#intro .introInfo{grid-gap:2rem;display:flex;flex-direction:column;justify-content:center;padding-right:2rem;width:100%}#intro .introInfo .introText{font-size:3rem;text-transform:uppercase}#intro .introInfo .introName{color:#0788ff}#intro .introInfo .introPara{font-size:1.5rem;font-weight:400}#intro .introInfo .btn-wrap{grid-gap:2rem;align-items:center;display:flex;flex-direction:row;margin-top:.5rem}#intro .introInfo .btn-wrap .download-btn{background-color:#0788ff;color:#fff;display:flex;font-size:1rem;font-weight:500;justify-content:center;letter-spacing:2px;padding:1rem 2rem}#intro .introInfo .contact-container{grid-gap:1rem;display:flex;flex-direction:row}@media screen and (max-width:720px){#intro .introContent{align-items:center;flex-direction:column;font-size:1.5rem}#intro .portrait-wrap{display:flex;justify-content:center;padding:0}#intro .bg{width:70%}#intro .introInfo{grid-gap:.5rem;padding-right:0;width:90%}#intro .introInfo .introText{font-size:2.5rem}#intro .introInfo .introName{font-size:2rem}#intro .introInfo .introPara{font-size:1rem;font-weight:200}}@media screen and (min-width:721px)and (max-width:840px){#intro .introContent{font-size:1.5rem}#intro .introInfo{grid-gap:.5rem}#intro .introInfo .introName{font-size:2rem}#intro .introInfo .introPara{font-size:1rem;font-weight:200}}@media screen and (min-width:841px)and (max-width:1140px){#intro .introContent{font-size:1.5rem}#intro .introInfo{grid-gap:1.5rem}#intro .introInfo .introName{font-size:2.5rem}#intro .introInfo .introPara{font-size:1rem;font-weight:200}}@media screen and (max-width:425px){#intro{height:auto;padding:30px 2rem}#intro .bg{width:100%}#intro .introInfo .btn-wrap{flex-direction:column}#intro .introInfo .btn-wrap .download-btn{width:100%}}#experience .section-title{font-size:2.5rem;font-weight:700;margin:.5rem 0 1.5rem;text-transform:uppercase}#experience .section-title .title-second{color:#0788ff}#experience{display:flex;flex-direction:column;margin:0 auto;max-width:75rem;min-height:calc(100vh - 5rem);overflow:hidden;padding:70px 2rem;width:100vw}#experience .experience-item,#experience .experience-wrap{grid-gap:1rem;display:flex;flex-direction:column}#experience .experience-item{background-color:#0788ff1a;border-radius:.5rem;padding:1.5rem}#experience .experience-item .company-wrap{grid-gap:.5rem;align-items:flex-start;display:flex}#experience .experience-item .role-info{background-color:#0788ff;border-radius:.5rem;padding:20px;width:30%}#experience .experience-item .role-info.stack{grid-gap:.5rem;background-color:#0000;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;width:100%}#experience .experience-item .role-info.stack .stack-label{align-items:center;background:#0000;border:1px solid #fff;color:#fff;display:flex!important;flex-direction:row;font-size:1rem;justify-content:center;text-transform:none}#experience .experience-item .role-info h4{font-size:1.2rem;font-weight:700}#experience .experience-item .role-info span{font-size:12px;font-weight:400;opacity:.8;text-transform:uppercase}#experience .experience-item .role-info p{font-size:12px;font-weight:400;margin-bottom:12px;text-transform:uppercase}#experience .experience-item .role-info label{background:#fff;border-radius:30px;color:#040c16;display:inline-block!important;font-size:12px;font-weight:400;line-height:1;padding:8px 16px;text-transform:uppercase}#experience .experience-item .company-name{padding:.5rem;width:70%}#experience .experience-item .company-name .name{font-size:1.5rem;font-weight:600}#experience .experience-item .company-name .description{font-weight:200;margin-top:.5rem}@media screen and (max-width:733px){#experience{height:auto}#experience .company-wrap{flex-direction:column}#experience .section-title{font-size:2rem}#experience .experience-item .company-name,#experience .experience-item .role-info{width:100%}}@media screen and (max-width:540px){#experience{padding:30px 2rem}}#portfolio .section-title{font-size:2.5rem;font-weight:700;margin:.5rem 0 1.5rem;text-transform:uppercase}#portfolio .section-title .title-second{color:#0788ff}#portfolio{background:#0788ff1a;min-height:calc(100vh - 5rem);padding:70px 0;width:100vw}#portfolio .container{margin:0 auto;max-width:75rem;padding:0 2rem}#portfolio .promo-container{grid-gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr}#portfolio .promo-wrap{background-color:#fff;border-radius:.5rem;padding:.9rem}#portfolio .img-wrap{height:55%;overflow:hidden;width:100%}#portfolio .img-wrap img{border-radius:.5rem;height:100%;width:100%}#portfolio .img-wrap:hover{cursor:pointer}#portfolio .img-wrap:hover img{scale:1.5;transition:.5s}#portfolio .promo-details{grid-gap:.5rem;color:#000;display:flex;flex-direction:column;font-weight:300;height:45%;padding-top:14px}#portfolio .promo-title{font-size:1.2rem;font-weight:600}#portfolio .promo-description{color:#707476;font-size:14px}#portfolio .demo-wrap{display:flex;justify-content:space-between;margin-top:auto}#portfolio .demo-link{font-size:.9rem;font-weight:600}#portfolio .demo-link a{grid-gap:.5rem;align-items:center;display:flex}@media screen and (max-width:920px){#portfolio .promo-container{grid-template-columns:1fr 1fr}#portfolio .promo-wrap{grid-template-columns:100%}#portfolio .section-title{font-size:2rem}#portfolio .promo-details{grid-gap:.7rem;margin-bottom:1rem}}@media screen and (max-width:540px){#portfolio{padding:30px 0}#portfolio .promo-container{grid-template-columns:1fr}#portfolio .img-wrap,#portfolio .promo-details{height:auto}#portfolio .promo-title{font-size:1.3rem}}#contacts .sumbitBtn{background:#0000;border:2px solid #0788ff;border-radius:1rem;color:#fff;outline:none;text-transform:uppercase}#contacts .sumbitBtn:hover{background-color:#042c51;cursor:pointer;transition:all .5s}#contacts{background:#0788ff1a;min-height:calc(100vh - 5rem);padding:70px 0;width:100vw}#contacts .container{margin:0 auto;max-width:75rem;padding:0 2rem}#contacts .section-title{font-size:2.5rem;font-weight:700;margin:.5rem 0 1.5rem;text-transform:uppercase}#contacts .contacts-wrap{grid-gap:2rem;align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:1rem}#contacts .contact-container{width:30%}#contacts .contact-container img{border-radius:1rem;width:100%}#contacts .contact-info{grid-gap:.7rem;display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem}#contacts .contact-wrap{grid-gap:1rem;color:#fff;display:flex}#contacts .contact-wrap svg{fill:#0788ff}#contacts .form-container{display:flex;flex-direction:column;width:65%}#contacts .form-wrap{grid-gap:1rem;background-color:#393636;border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.3rem}#contacts .form-input label{color:#7e7777}#contacts .form-input input,#contacts .form-input textarea{color:#fff}#contacts .form-input .css-1d3z3hw-MuiOutlinedInput-notchedOutline{border-color:#ffffff80;border-radius:.5rem}#contacts .css-1wc848c-MuiFormHelperText-root.Mui-error{color:#f86868}#contacts .sumbitBtn{background-color:#0788ff;color:#000;display:flex;font-family:Poppins;font-weight:700;justify-content:center;letter-spacing:1.5px;padding:1rem 2rem}#contacts .sumbitBtn:hover{background-color:#0000;color:#fff}#contacts .sumbitBtn:disabled{opacity:.5}#contacts .sumbitBtn:disabled:hover{background-color:#0788ff;color:#000;cursor:auto}.closeBtn{background-color:#0788ff;border:2px solid #0788ff;border-radius:.5rem;display:flex;font-size:.8rem;font-weight:700;justify-content:center;letter-spacing:1.2px;margin-left:auto;margin-top:1rem;padding:.5rem;text-transform:uppercase;width:80px}.closeBtn:hover{background-color:#0000;cursor:pointer;transition:all .5s}@media screen and (max-width:920px){#contacts .contacts-wrap{flex-direction:column}#contacts .contact-container{grid-gap:2rem;align-items:center;display:flex;flex-direction:row;width:100%}#contacts .contact-container img{width:50%}#contacts .contact-info{grid-gap:1rem;font-size:1rem;margin-top:0}#contacts .form-container{width:100%}}@media screen and (max-width:733px){#contacts .contact-container{grid-gap:1rem;flex-direction:column}#contacts .contact-container img{width:70%}#contacts .section-title{font-size:2rem}#contacts .contact-info{align-self:center}}@media screen and (max-width:400px){#contacts .contact-container img{width:100%}#contacts .contact-info{grid-gap:.5rem;font-size:.8rem}}.App-link{color:#61dafb}.section-header{background:#0788ff33;border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-weight:400;letter-spacing:4px;line-height:20px;padding:5px 12px;text-transform:uppercase}.social-wrap{align-items:center;background-color:#0a66c2;border:2px solid #fff;border-radius:50px;display:flex;height:46px;justify-content:center;width:46px}.social-wrap.mail{background-color:#f26798}.social-wrap.telegram{background-color:#30a4da}.contact-icon{fill:#fff}
/*# sourceMappingURL=main.4fb287b2.css.map*/