@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);body{font-family:Roboto,sans-serif!important;&::-webkit-scrollbar{height:10px;width:10px}&::-webkit-scrollbar-track{background:none}&::-webkit-scrollbar-thumb{background:#888;border-radius:20px;cursor:pointer}&::-webkit-scrollbar-thumb:hover{background:#555}}.home-line-btns{display:inline-flex;gap:20px}.videlenie{color:#157bc5}@media (max-width:500px){section .title{font-size:38px!important}.experience-content{grid-gap:20px!important;gap:20px!important}.home-line-btns{flex-wrap:wrap-reverse}}nav .active{text-decoration:underline!important;text-shadow:none!important;text-underline-offset:3px!important}nav .active,nav a{color:#fff!important}nav a{text-decoration:none}.home a:hover{border:1px solid #00e7e7!important;color:#00e7e7!important}.experience-card{display:flex;flex-direction:column}.contacts .list .item h3,.experience-card{align-items:center}.mission h4{margin-bottom:5px;margin-top:0}.logo img{border-radius:50%}@media (min-width:500px){nav{background:#e7b500!important;border-radius:5px;padding:5px 10px}}.link-text{background:#00e7e74d}nav.active{background:#e7b500!important}.contacts .item{align-items:center}button{cursor:pointer}.info{align-items:center}body{background:#030303;background-image:linear-gradient(90deg,#0000 0 49px,#eee1 49px),linear-gradient(180deg,#0000 0 49px,#eee1 49px);background-size:50px 50px;color:#eee;font-size:15px;margin:0;min-height:100vh;&:before{background-image:linear-gradient(90deg,#292935,#22222e);border-radius:50% 50% 0 0;content:"";filter:blur(250px);height:400px;left:calc(50% - 200px);pointer-events:none;position:fixed;top:-200px;width:400px;z-index:-1}}main{margin:auto;max-width:100%;width:1300px}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:60px;justify-content:space-between;left:50%;padding:0 20px;position:fixed;transform:translateX(-50%);z-index:100;& img{width:50px}& .logo,nav{align-items:center;display:flex;gap:30px;& span{cursor:pointer}}& .icon-bar{display:none;width:30px}}header,section{box-sizing:border-box;max-width:100%;top:0;width:1300px}section{margin:auto;padding:50px}section.home{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding-top:150px;& .content{& .name{font-size:7em;font-weight:700;line-height:1em;& span{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;-webkit-background-clip:text;background-image:linear-gradient(90deg,#00e7e7,#fff);background-size:200% auto}}& .des{border-left:.7em solid #e7b500;color:#fff;margin:30px 0;padding-left:2em;transition:all .3s ease-in}& a{background-color:initial;border:1px solid #eee;border-radius:40px;color:#eee;display:block;font-size:18px!important;font-size:large;font-weight:700;padding:20px 30px;text-decoration:none;width:-webkit-max-content;width:max-content}}& .avatar{text-align:right;& .card{display:inline-flex;flex-direction:column;transition:.5s;width:min(100%,400px);& img{-webkit-clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);height:min(50vh,700px);object-fit:cover;object-position:top;width:100%}& .info{grid-gap:20px;align-items:baseline;background-color:#eee;color:#010824;display:grid;font-size:1.2em;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;text-align:center;& div:first-child,div:nth-child(2),div:nth-child(3){font-weight:700}}}}}section.skills{& .title{font-size:5vw}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;margin-top:50px;position:relative;&:before{background-image:linear-gradient(-45deg,#00e7e7,#f2f2f2);background-size:200% auto;content:"";height:70%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}& .item,&:before{border-radius:20px}& .item{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#01082488;padding:20px;& svg{background-color:#eee2;border-radius:10px;font-size:30px;padding:10px}& .des{font-size:small;text-align:left;width:100%}}}}section.projects{& .title{font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{margin-top:50px;& .item{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin-bottom:100px;& .images{background-image:linear-gradient(-45deg,#00e7e7,#f3f3f3f3);border-radius:20px;overflow:hidden;padding:40px;text-align:center;& img{border-radius:10px;box-shadow:0 20px 40px #010824;height:400px}@media (max-width:600px){& img{height:100%;width:100%}}}& .content{& h3{font-size:3em;margin:0}& .des{margin-left:0;text-align:left;width:100%}& .mission{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr;margin-top:10px;& div:first-child svg{background-color:#eee3;border-radius:15px;font-size:20px;padding:20px}}}}& .item:nth-child(2n){& .images{grid-column-end:3;grid-column-start:2}& .content{grid-column-end:2;grid-column-start:1;grid-row-start:1}}}}section.contacts{padding-bottom:220px;& .title{font-size:5vw}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{text-align:center;& .item{margin-top:50px}}}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s}.animation.active{filter:blur(0);opacity:1;transform:translateY(0)}@keyframes shine{to{background-position:200%}}@media screen and (max-width:1023px){section.home{& .content{& .name{font-size:4em}}& .avatar{& img{max-height:500px}}}}@media screen and (max-width:767px){section{padding:20px;&.home{grid-template-columns:1fr;padding-top:70px;& .content{& a{font-size:small;margin:auto}}& .avatar{grid-row-start:1;text-align:center}}&.projects{& .list{& .item{grid-template-columns:1fr;& .content{& h3{font-size:1.2em;margin-bottom:1em}}}& .item:nth-child(2n){& .content,.images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}}}}header{& nav{align-items:start;box-sizing:border-box;color:#fff;flex-direction:column;font-weight:700;height:100vh;inset:0 auto 0 0;justify-content:start;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%}& .icon-bar{display:block}& nav.active{left:0}}}.glowbutton{--glow-color:#b0fcff;--glow-spread-color:rgba(123,251,255,.781);--enhanced-glow-color:#ceffff;--btn-color:#3d7f88;background-color:var(--btn-color);border:.25em solid var(--glow-color);border-radius:1em;box-shadow:0 0 1em .25em var(--glow-color),0 0 4em 1em var(--glow-spread-color),inset 0 0 .75em .25em var(--glow-color);color:var(--glow-color);font-size:15px;font-weight:700;outline:none;padding:1em 3em;position:relative;text-shadow:0 0 .5em var(--glow-color);transition:all .3s}.glowbutton:after{content:"";filter:blur(2em);height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:120%;transform:perspective(1.5em) rotateX(35deg) scaleY(.6);width:100%}.glowbutton:hover{background-color:var(--glow-color);color:var(--btn-color)}.glowbutton:active{box-shadow:0 0 .6em .25em var(--glow-color),0 0 2.5em 2em var(--glow-spread-color),inset 0 0 .5em .25em var(--glow-color)}.button-icon:hover{background:#fff}.button-icon:hover .cube{transform:rotateX(90deg)}.buttons-section{align-items:center;display:flex;gap:25px;margin-left:16px;margin-top:35px}@media (max-width:900px){.buttons-section{flex-direction:column}}.experience-wrapper{display:flex;justify-content:center}.experience-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(4,1fr);margin-top:20px}@media (max-width:900px){.experience-content{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.experience-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.experience-content{grid-template-columns:repeat(1,1fr)}}.experience-card{cursor:pointer;text-align:center;transition:all .3s ease-in}.experience-card:hover{scale:1.2}.experience-card span{font-size:25px;font-weight:500}.experience-round{align-items:center;background-color:#19376d;border-radius:50%;display:flex;height:120px;justify-content:center;text-align:center;width:120px}.link-text{transition:all .4s ease-in}.link-text:hover{font-size:20px}.line-animation{background:#e7b500;border-radius:4px;height:6px;transition:width 2.5s;width:0}
/*# sourceMappingURL=main.0588dfd4.css.map*/