@font-face{font-family:JuraLight;font-style:normal;font-weight:400;src:url(/my-portfolio/static/media/juralight.1325bc12bfd559d655e7.ttf) format("truetype"),url(/my-portfolio/static/media/juralight.44b90725ab9c57ddb020.woff) format("woff"),url(/my-portfolio/static/media/juralight.e0115e0da58f20a9750c.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-main:#08060e;--color-bg-main2:#14111c;--color-bg-secondary:#7696e7;--color-bg-neon:#00f3ff;--color-cube-first:#03e9f4;--color-cube-second:#03e9f480;--color-black:#000400;--color-white:#fff;--color-box-shadow-brown:#fff3;--color-box-shadow-brown2:#333;--color-box-shadow-brown3:#ffffff80;--color-box-shadow-black:#000000a8;--color-box-shadow-black2:#0009;--border-radius:10px;--font-size-100:5.0rem;--font-size-80:3.8rem;--font-size-40:2.0rem;--font-size-32:1.6rem;--font-size-24:1.3rem;--font-size-18:18px;@media (max-width:1280px){--font-size-100:4.6rem}@media (max-width:768px){--font-size-100:3.0rem;--font-size-80:2.8rem;--font-size-40:1.8rem}@media (max-width:480px){--font-size-100:2.0rem;--font-size-80:1.8rem;--font-size-40:1.4rem}}body,html{background-color:var(--color-bg-main);box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}body,button,html{font-family:JuraLight}section{max-width:1140px}.languageSwitcher{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin:20px 10px;position:relative}.language{color:var(--color-white);display:flex;flex-direction:column;gap:10px;margin-left:10px}.languageSwitcher input[type=checkbox]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.languageSwitcher label{box-sizing:border-box;display:flex;position:relative}.languageSwitcher label:before{background:linear-gradient(var(--color-bg-secondary),var(--color-bg-secondary)) no-repeat 50%;background-size:2px 64px;content:"";display:inline-block;height:60px;transition:.2s ease-in;width:28px}.languageSwitcher label:after{background:var(--color-white);border:6px solid var(--color-bg-secondary);border-radius:50%;box-sizing:border-box;content:"";height:28px;left:0;position:absolute;top:0;transition:.2s ease-in;width:28px;z-index:2}.languageSwitcher input[type=checkbox]:checked+label:before{background-image:linear-gradient(var(--color-bg-neon),var(--color-bg-neon))}.languageSwitcher input[type=checkbox]:checked+label:after{border-color:var(--color-bg-neon);top:32px}.language__option{color:var(--color-bg-secondary)}.language__option.active{color:var(--color-bg-neon)}.language span{cursor:pointer;transition:color .2s ease-in}.language span:hover{color:var(--color-bg-neon)}.header__link{background:var(--color-bg-secondary);border:none;border-radius:10px;cursor:pointer;display:block;font-size:var(--font-size-40);height:55px;line-height:55px;margin:0 10px;min-width:140px;text-align:center;transition:.3s ease;width:100%;z-index:100;&.pressed,&:hover{box-shadow:0 0 15px var(--color-bg-neon);color:var(--color-bg-neon);text-shadow:0 0 15px var(--color-bg-neon)}&.mobile{margin:10px 0;width:100%}}.header{box-sizing:border-box;margin:0 auto;max-width:1140px;min-height:100px;z-index:20;@media (max-width:1024px){gap:20px;justify-content:right}}.header,.header__list{align-items:center;display:flex;flex-direction:row;width:100%}.header__list{justify-content:space-between;z-index:3;@media (max-width:1024px){display:none}}.burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:20px;position:relative;z-index:15;@media (max-width:1024px){display:flex}}.header__menu{height:48px;position:absolute;right:0;top:0;width:48px;z-index:15}.header__mobileMenu{align-items:center;background:var(--color-bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:16px 24px;position:absolute;right:44px;top:36px;z-index:14}.overlay{background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:12}.about{height:-moz-fit-content;height:fit-content;left:0;margin:0 auto;padding-left:20px;position:absolute;right:0;top:40%;z-index:1}.about__name,.about__profession{border-right:2px solid var(--color-bg-secondary);color:var(--color-bg-secondary);font-size:var(--font-size-100);font-weight:400;margin:0;overflow:hidden;white-space:nowrap}.about__name{animation:printed-text 1.5s steps(11),flashin-border .8s step-start infinite;width:8em;z-index:6}.about__profession{animation:printed-text 1.5s steps(13),flashin-border .8s step-start infinite;width:8em;z-index:10}@keyframes flashin-border{0%{border-color:var(--color-bg-secondary)}50%{border-color:#0000}to{border-color:var(--color-bg-secondary)}}@keyframes printed-text{0%{width:0}}.cube{display:flex;left:0;margin:0 auto;position:absolute;right:0;top:30%}.cube__container{transform:rotate(-35deg);width:100%}.cube__container .cube__box{-webkit-box-reflect:below 1px linear-gradient(#0000,var(--color-black));align-items:center;animation:surface 1.5s ease-in-out infinite;display:flex;justify-content:center;left:-200px;position:relative;width:calc(100% + 400px)}@keyframes surface{0%{transform:translateX(0)}to{transform:translateX(-200px)}}.cube__container .cube__box .cube__item{animation:animate 1.5s ease-in-out infinite;background:var(--color-bg-neon);box-shadow:0 0 5px var(--color-cube-first),0 0 25px var(--color-cube-first),0 0 50px var(--color-cube-first),0 0 100px var(--color-cube-second),0 0 220px var(--color-cube-second);height:200px;position:relative;transform-origin:bottom right;width:200px}@keyframes animate{0%{transform:rotate(0deg)}60%{transform:rotate(90deg)}65%{transform:rotate(85deg)}70%{transform:rotate(90deg)}75%{transform:rotate(87.5deg)}80%,to{transform:rotate(90deg)}}.card__title{background-color:var(--color-bg-secondary);border-radius:10px;color:var(--color-bg-main);font-size:var(--font-size-32);font-weight:600;margin-bottom:5px;opacity:.6;padding:10px;text-align:left}.text{background-color:var(--color-bg-main2);border-radius:10px;color:var(--color-white);font-weight:500;letter-spacing:1px;line-height:1.5em;opacity:0;padding:5px}.card__stackItem{list-style-type:none;opacity:.9}.card__link{background-color:var(--color-bg-secondary);border-radius:10px;color:var(--color-bg-main);font-weight:600;opacity:.8;padding:5px;text-decoration:none}.card__links{padding-top:10px}.card__container{border-radius:10px;box-shadow:var(--color-box-shadow-black) 0 30px 60px 0,inset var(--color-box-shadow-brown2) 0 0 0 5px,inset var(--color-box-shadow-brown3) 0 0 0 6px;cursor:pointer;flex:0 0 240px;height:400px;margin:10px;overflow:hidden;position:relative;transform:perspective(800px);transform-style:preserve-3d;transition:1s cubic-bezier(.445,.05,.55,.95);width:300px;@media (max-width:380px){height:420px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;width:280px}}.card:hover .card__info{opacity:.9;transform:translateY(0)}.card:hover .card__info .text{opacity:.9}.card:hover .card__info,.card:hover .card__info .card__description{transition:.6s cubic-bezier(.23,1,.32,1)}.card:hover .card__info:after{opacity:1;transform:translateY(0);transition:5s cubic-bezier(.23,1,.32,1)}.card:hover .card__bg{opacity:.8;transition:.6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1)}.card:hover .card__container{box-shadow:var(--color-box-shadow-brown) 0 0 40px 5px,var(--color-bg-neon) 0 0 0 1px,var(--color-box-shadow-black) 0 30px 60px 0,inset var(--color-box-shadow-brown2) 0 0 0 5px,inset var(--color-bg-neon) 0 0 0 6px;transition:.6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1)}.card__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:.5;pointer-events:none;position:absolute;transition:1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;width:100%}.card__info{bottom:0;color:var(--color-white);padding:20px;position:absolute;transform:translateY(60%)}.card__info,.card__info .card__description{transition:.6s cubic-bezier(.215,.61,.355,1) 1.6s}.card__info *{position:relative;z-index:1}.card__info:after{background-blend-mode:overlay;background-image:linear-gradient(to bottom,#0000 0,var(--color-box-shadow-black2) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:5s cubic-bezier(.445,.05,.55,.95) 1s;width:100%;z-index:0}.projects{background-color:var(--color-bg-main);display:flex;flex-direction:column;justify-content:center;margin:100px auto 40px}.projects__title{color:var(--color-bg-neon);font-size:var(--font-size-80);font-weight:400;margin:0;padding-bottom:60px;text-align:center}.projects__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;padding:0 10px 40px;width:100%}.projects__info{padding:0}.projects__data{color:var(--color-bg-secondary);font-size:var(--font-size-24);margin:30px 0;text-align:center}.projects__dataSpan{animation:glowing 6s ease-in infinite;color:var(--color-bg-secondary)}.portfolio,.stack{margin:0 auto;position:relative}.stack{background-color:var(--color-bg-main2);border-radius:20px;overflow:hidden;z-index:0}.stack__title{color:var(--color-bg-neon);display:block;font-size:var(--font-size-80);font-weight:400;margin:40px auto 0;text-align:center;width:100%}.stack__skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin:50px auto 0;padding:0 10px 40px;width:100%}.skill{cursor:pointer;height:200px;position:relative;text-align:center;width:140px}.skill:active{transform:scale(.96)}.skill:after,.skill:before{background-repeat:no-repeat;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:150%;z-index:-1000}.skill:hover:before{animation:greentopBubbles .6s ease-in-out infinite forwards;background-image:radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,#0000 20%,var(--color-bg-neon) 20%,#0000 30%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,#0000 10%,var(--color-bg-neon) 15%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;top:-70%}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.skill:hover:after{animation:greenbottomBubbles .6s ease-in-out infinite forwards;background-image:radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,#0000 10%,var(--color-bg-neon) 15%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%),radial-gradient(circle,var(--color-bg-neon) 20%,#0000 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;bottom:-70%}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.skill__image{display:block;height:90%;margin:0 auto;object-fit:contain;scale:.8;transition:.5s;width:90%}.skill__nameContainer{align-items:center;display:flex;height:30%;justify-content:center;overflow-wrap:anywhere;width:100%}.skill__name{color:var(--color-bg-secondary);font-size:var(--font-size-24);margin:0}.skill__wrapper{background-color:initial;height:70%;width:100%}.contact,.skill__wrapper{border-radius:10px;overflow:hidden;position:relative}.contact{align-items:center;box-sizing:border-box;color:var(--color-bg-secondary);cursor:pointer;display:flex;height:210px;justify-content:center;outline:2px solid var(--color-bg-secondary);transition:.5s;width:200px}.contact:hover .contact__links{background-color:var(--color-bg-secondary)}.contact:hover .contact__image{scale:1.3}.contact__image{align-items:center;background-color:var(--color-bg-secondary);border-radius:10px;display:flex;height:50px;justify-content:center;margin:0 auto 10px;padding:5px;transition:.5s;width:50px}.contact__title{color:var(--color-bg-secondary);font-size:var(--font-size-18);font-weight:600;margin-bottom:0}.contact__text,.contact__title{text-align:center;transition:.5s}.contact__text{color:var(--color-bg-neon);display:flex;font-size:var(--font-size-24);justify-content:center;margin:30px auto 0}.contact:hover .contact__text,.contact:hover .contact__title{color:var(--color-bg-main)}.contact__links{height:100%;padding:20px;width:100%;z-index:10}.contact__link{text-decoration:none}.contact:before{animation:rotate 2s linear infinite;background-image:conic-gradient(var(--color-bg-neon) 20deg,#0000 120deg);content:"";height:150%;position:absolute;width:150%}.contact:after{align-items:center;background:var(--color-bg-main);border-radius:10px;content:"";display:flex;height:200px;justify-content:center;position:absolute;width:190px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact.pressed .contact__links{background-color:var(--color-bg-secondary)}.contact.pressed .contact__image{margin:0 auto 16px;transform:scale(1.3)}.contact.pressed .contact__text,.contact.pressed .contact__title{color:var(--color-bg-main)}.contacts{background-color:var(--color-bg-main2);border-radius:20px;margin:0 auto 20px;overflow:hidden;padding:60px 20px 100px}.contacts__title{color:var(--color-bg-neon);font-size:var(--font-size-80);font-weight:400;margin:0;text-align:center}.contacts__data{color:var(--color-bg-secondary);font-size:var(--font-size-24);margin:30px 0;text-align:center}.contacts__dataSpan{animation:glowing 6s ease-in infinite;color:var(--color-bg-secondary)}@keyframes glowing{15%{color:var(--color-bg-secondary)}35%{color:var(--color-bg-neon)}50%{color:var(--color-bg-neon)}70%{color:var(--color-bg-secondary)}}.contact-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:50px;width:100%}.main{height:100vh;overflow:hidden}.app,.main{box-sizing:border-box;position:relative}.app{display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.b9e35c4b.css.map*/