@import url(https://fonts.googleapis.com/css?family=Fira+Code:300,regular,500,600,700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.freeze{overflow:hidden;position:static}.page{display:flex;flex-direction:column;margin:60px auto 140px;row-gap:100px}@media (max-width:900px){.page{margin-bottom:100px}}@media (max-width:500px){.page{margin:20px auto 30px;row-gap:70px}}.prefix,.wrapper{color:#c778dd}.wrapper{background-color:#282c33;background-image:url(../../static/media/dots.6e33fd923b2a31d9872d.svg),url(../../static/media/rect.3b757dee0d1234c7d762.svg),url(../../static/media/dots.6e33fd923b2a31d9872d.svg),url(../../static/media/rect.3b757dee0d1234c7d762.svg),url(../../static/media/dots.6e33fd923b2a31d9872d.svg),url(../../static/media/rect.3b757dee0d1234c7d762.svg),url(../../static/media/dots.6e33fd923b2a31d9872d.svg);background-position:10px 15%,101% 20%,-50px 30%,101% 35%,101% 70%,-75px 60%,-50px 85%;background-repeat:no-repeat;background-size:50px 50px,80px 90px,85px 85px,70px 155px,80px 100px,150px 150px,100px 100px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Fira Code;justify-content:space-between;min-height:100vh;padding:0 100px;width:100%}@media (max-width:900px){.wrapper{padding:0 2rem}}@media (max-width:768px){.wrapper{background-image:none}}@media (max-width:500px){.wrapper{padding:0 1rem}}footer .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:10px 20px}footer .container>div{padding:15px 0}@media (max-width:500px){footer .container{padding:10px}}footer .info{align-items:center;display:flex;justify-content:space-between}footer .info-logo{color:#fff}footer .info-logo div{padding:2px 0}footer .info-socials{display:flex;gap:10px}@media (max-width:500px){footer .info{display:none}}footer .copyright{align-items:center;color:#abb2bf;display:flex;gap:10px;justify-content:center}footer .copyright a{color:#fff;text-decoration:none;transition:all .3s}footer .copyright a:hover{padding-right:6px;transform:scale(1.05)}footer .copyright span{text-align:center}@media (max-width:500px){footer .copyright{flex-direction:column}}header{background-color:#282c33;position:-webkit-sticky;position:sticky;top:0;z-index:1}header .container{box-sizing:border-box;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-bottom:5px}header .container,header nav{align-items:flex-end;display:flex}header nav{gap:30px}header nav .menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}header nav .menu a{color:#abb2bf;text-decoration:none}header nav .menu a:hover{color:#fff}header nav .menu a.active{color:#fff;font-weight:500}header nav select{background-color:#282c33;border:none;color:#abb2bf;cursor:pointer;font-weight:600;height:20px}header nav option{font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:768px){header nav{display:none}}header .mobile-icon{cursor:pointer;display:none;height:20px;width:20px}@media (max-width:768px){header .mobile-icon{display:block}}main{flex-grow:1}main .container{box-sizing:border-box;margin:0 auto;max-width:1200px}button{background-color:initial;border:1px solid #c778dd;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px}button:hover{background-color:#c778dd33}button[disabled]{background-color:#abb2bf80;cursor:default}.section-title{align-items:center;display:flex;font-size:2rem;font-weight:500;justify-content:space-between;margin-bottom:50px;width:100%}.section-title>div{color:#fff}.section-title-head{align-items:center;display:flex;flex-grow:1}.section-title hr{color:#c778dd;flex-grow:1;margin:0 15px}.section-title .more a{align-items:center;color:#fff;display:flex;font-size:1rem;line-height:2rem;text-decoration:none}.section-title .more a:hover{color:#abb2bf}@media (max-width:500px){.section-title{margin-bottom:30px}.section-title .more{flex-grow:0;flex-shrink:1}.section-title .more a{line-height:1;max-width:80px}}.social-icon,.social-icon a{align-items:center;display:flex;justify-content:center}.social-icon a{transition:all .3s}.social-icon a:hover{transform:scale(1.2)}.socials{align-items:center;display:flex;flex-direction:column;gap:7px;left:40px;position:fixed;top:0}.socials .line{border:.5px solid #abb2bf;height:190px;width:0}@media (max-width:900px){.socials{display:none}}.logo img{width:20px}.logo a{color:#fff;display:flex;gap:10px;text-decoration:none;transition:all .3s}.logo a:hover{transform:scale(1.03)}.homepage .welcome{display:flex;justify-content:space-between}.homepage .welcome .intro{box-sizing:border-box;padding:5% 5% 5% 0;width:60%}@media (max-width:900px){.homepage .welcome .intro{padding-top:0}}.homepage .welcome .avatar{align-items:stretch;background-image:url(../../static/media/LogoOutline.942c913cbd2a32b17963.svg);background-position:0 35%;background-repeat:no-repeat;background-size:35%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:10px 10px 0 15px;position:relative;width:40%}.homepage .welcome .avatar-image{position:relative}.homepage .welcome .avatar-image .dots{bottom:15%;max-width:18%;position:absolute;right:5%}.homepage .welcome .avatar img{height:100%;object-fit:contain;width:100%}.homepage .welcome .avatar .position{border:1px solid #abb2bf;box-sizing:border-box;margin-top:-2px;padding:8px}.homepage .welcome .avatar .position-text{color:#abb2bf;font-size:1rem;font-weight:600}.homepage .welcome .avatar .position-text:before{background-color:#c778dd;content:"";display:block;flex-shrink:0;float:left;height:16px;margin-right:10px;width:16px}.homepage .welcome .avatar .position-text a{color:#fff;text-decoration:none}@media (max-width:500px){.homepage .welcome .avatar .position{margin-top:-1px}}.homepage .welcome h1{font-size:2rem;font-weight:600}.homepage .welcome h1 span{color:#fff}@media (max-width:1200px){.homepage .welcome h1{font-size:1.8rem}}@media (max-width:960px){.homepage .welcome h1{font-size:1.7rem}}.homepage .welcome p{color:#abb2bf;font-size:1rem;font-weight:400;margin:30px auto 24px}@media (max-width:650px){.homepage .welcome{flex-wrap:wrap;gap:10px}.homepage .welcome .avatar,.homepage .welcome .intro{padding:0;width:100%}.homepage .welcome .avatar img,.homepage .welcome .intro img{max-width:400px}.homepage .welcome p{margin:1rem auto}}.homepage .projects{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.homepage .projects .project-card{width:calc(33.33333% - 10px)}@media (max-width:768px){.homepage .projects .project-card{width:auto}}@media (max-width:500px){.homepage .projects .project-card{width:90%}}.homepage .skills{background-image:url(../../static/media/LogoOutline.942c913cbd2a32b17963.svg),url(../../static/media/dots.6e33fd923b2a31d9872d.svg),url(../../static/media/dots.6e33fd923b2a31d9872d.svg),url(../../static/media/rect.3b757dee0d1234c7d762.svg),url(../../static/media/rect.3b757dee0d1234c7d762.svg);background-position:30px bottom,0 40px,170px 130px,200px top,260px 180px;background-repeat:no-repeat;background-size:100px,60px,60px,85px,50px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:20px 0 20px 31vw}@media (max-width:768px){.homepage .skills{background-image:none;justify-content:center;padding:0}}.homepage .about{display:flex;justify-content:space-between}.homepage .about-text{color:#abb2bf;font-size:1rem;font-weight:400;padding:50px 0 0;width:50%}.homepage .about-text p{margin-bottom:30px}.homepage .about-image{background-image:url(../../static/media/dots.6e33fd923b2a31d9872d.svg);background-position:0 15%;background-repeat:no-repeat;background-size:70px;height:400px;padding-left:15px;padding-right:30px;position:relative}.homepage .about-image img{border-bottom:1px solid #c778dd;height:100%;object-fit:cover;width:100%}.homepage .about-image-dots{position:absolute;right:50px;top:60%;width:70px}.homepage .about-image-dots img{border:none}@media (max-width:650px){.homepage .about{flex-wrap:wrap}.homepage .about-text{order:2;padding:0;width:100%}.homepage .about-image{margin-bottom:20px;margin-top:-20px;order:1;padding:0;text-align:center;width:100%}.homepage .about-image img{max-width:270px}}.homepage .contacts{align-items:center;color:#abb2bf;display:flex;font-size:1rem;justify-content:space-around}.homepage .contacts-intro{font-weight:500;width:40%}.homepage .contacts-table{border:1px solid #abb2bf;box-sizing:border-box;padding:1rem}.homepage .contacts-table-title{color:#fff;font-weight:600;margin-bottom:1rem}.homepage .contacts-table-body div{align-items:center;display:flex;gap:10px;margin-top:.5rem}.homepage .contacts-table-body a{color:#abb2bf;font-weight:400;text-decoration:none}@media (max-width:500px){.homepage .contacts{flex-wrap:wrap}.homepage .contacts-intro,.homepage .contacts-table{width:95%}}.quotes{color:#fff;display:flex;flex-direction:column;font-size:1.5rem;margin:0 auto;width:80%}.quotes .quote{border:1px solid #abb2bf;box-sizing:border-box;font-weight:500;padding:2rem;position:relative;text-align:center}.quotes .quote:after,.quotes .quote:before{background-color:#282c33;background-image:url(../../static/media/quotes.067d2b3f1b16a3f48893.svg);background-repeat:no-repeat;content:"";height:26px;position:absolute;width:26px}.quotes .quote:before{left:5%;top:-10px}.quotes .quote:after{bottom:-15px;right:5%}.quotes .author{align-self:flex-end;border:1px solid #abb2bf;border-top:0;box-sizing:border-box;font-weight:400;padding:1rem 1.5rem}@media (max-width:900px){.quotes{font-size:1.3rem}}.project-card{border:1px solid #abb2bf;box-sizing:border-box;color:#abb2bf;display:flex;flex-direction:column;font-size:1rem;font-weight:400;justify-content:flex-start;max-width:350px;min-width:220px}.project-card .project-preview{height:200px;width:100%}.project-card .project-preview img{height:100%;object-fit:contain;width:100%}.project-card .project-tech{border:1px solid #abb2bf;border-left:none;border-right:none;box-sizing:border-box;line-height:1.5;padding:10px}.project-card .project-info{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:16px;justify-content:space-between;padding:16px}.project-card .project-name{color:#fff;font-size:1.5rem;font-weight:500}.project-card .project-desc{line-height:1.5}.skill-card{border:1px solid #abb2bf;box-sizing:border-box;font-size:1rem;width:180px}.skill-card-title{border-bottom:1px solid #abb2bf;box-sizing:border-box;color:#fff;font-weight:600;padding:10px}.skill-card-body{box-sizing:border-box;color:#abb2bf;font-weight:400;line-height:1.5;padding:10px}@media (max-width:500px){.skill-card{width:100%}}.myprojects .projects{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.myprojects .projects .project-card{width:calc(25% - 11.25px)}@media (max-width:750px){.myprojects .projects .project-card{width:calc(50% - 7.5px)}}@media (max-width:520px){.myprojects .projects .project-card{width:90%}}.page-title{color:#fff;display:flex;font-size:2rem;font-weight:600}.about-me{color:#abb2bf;font-size:1rem;font-weight:400}.about-me .about{align-items:center;display:flex;justify-content:space-between}.about-me .about-text{padding:10px 0 0;width:50%}.about-me .about-text p{margin-bottom:30px}.about-me .about-image{background-image:url(../../static/media/dots.6e33fd923b2a31d9872d.svg);background-position:0 15%;background-repeat:no-repeat;background-size:70px;height:400px;padding-left:15px;padding-right:30px;position:relative}.about-me .about-image img{border-bottom:1px solid #c778dd;height:100%;object-fit:cover;width:100%}.about-me .about-image-dots{position:absolute;right:50px;top:60%;width:70px}.about-me .about-image-dots img{border:none}@media (max-width:700px){.about-me .about{flex-direction:column}.about-me .about-text{width:100%}}.about-me .skills{display:flex;flex-wrap:wrap;gap:30px}.about-me .skills .skill-card{flex-grow:1;width:calc(25% - 22.5px)}@media (max-width:600px){.about-me .skills .skill-card{width:100%}}.about-me button{margin-top:10px}.contacts-page{color:#abb2bf;font-size:1rem;font-weight:500;line-height:1.5}.contacts-page section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:80%}@media (max-width:650px){.contacts-page section{flex-direction:column}.contacts-page section .intro{margin-bottom:20px;width:100%}}.contacts-page .intro{width:50%}.contacts-page .info{border:1px solid #abb2bf;box-sizing:border-box;padding:1rem}.contacts-page .info-title{color:#fff;font-weight:600;margin-bottom:1rem}.contacts-page .info-body{font-weight:400}.contacts-page .info-body div{align-items:center;display:flex;gap:10px;margin-top:.5rem}.contacts-page .info-body a{color:#abb2bf;text-decoration:none}.overlay{align-items:center;background-color:#282c33e6;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:10}.overlay .modal{background-color:#282c33;border:1px solid #abb2bf;box-sizing:border-box;padding:2rem}.overlay .modal-title{color:#fff;font-size:1.3rem;font-weight:500;margin-bottom:1rem;text-align:center}.overlay form{display:flex;flex-direction:column;gap:1rem}.overlay form input,.overlay form textarea{background:#0000;border:1px solid #abb2bf;color:#abb2bf;flex-grow:1;flex-shrink:1;outline:none;padding:8px;resize:none}.overlay form>div{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.overlay form>div>div{display:flex;flex-direction:column;flex-grow:1}.overlay .message-status{align-items:center;border:1px solid #abb2bf;box-sizing:border-box;display:flex;flex-direction:column;height:350px;justify-content:space-around;max-width:300px;padding:2rem}.overlay .message-status .icon{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:3rem;height:3rem;justify-content:center;padding:15px;width:3rem}.overlay .message-status .text{color:#abb2bf;font-size:1.2rem;text-align:center}.overlay .success{background:linear-gradient(180deg,#51c680,#282c33 70%)}.overlay .error{background:linear-gradient(180deg,#ed3a40,#282c33 70%)}.overlay .field-error{background-color:#ff000080;border-radius:5px;color:#fff;font-size:.7rem;font-weight:500;padding:5px}.overlay .close{color:#fff;cursor:pointer;float:right;font-size:.8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile-menu-container{background-color:#282c33;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;height:100vh;justify-content:space-between;left:0;padding:20px 15vw;position:fixed;top:0;width:100vw}.mobile-menu-container .mobile-menu-head{align-items:center;display:flex;justify-content:space-between}.mobile-menu-container .mobile-menu-head .close-menu{cursor:pointer;height:20px;width:20px}.mobile-menu-container nav{align-items:flex-start;box-sizing:border-box;flex-grow:1;font-size:2rem;font-weight:500;padding:20px}.mobile-menu-container nav,.mobile-menu-container nav .menu{display:flex;flex-direction:column}.mobile-menu-container nav select{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.mobile-menu-container nav option{font-size:1.2rem;font-weight:500}.mobile-menu-container .mobile-menu-footer{align-items:center;display:flex;gap:10px;justify-content:center}.mobile-menu-container .mobile-menu-footer .social-icon img{height:50px;width:50px}@media (max-width:768px){html{font-size:15px}}@media (max-width:500px){html{font-size:14px}}
/*# sourceMappingURL=main.30534ee2.css.map*/