@keyframes fadeInSmall{0%{opacity:0;transform:translateY(-2.1875rem)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,1%,0)}to{opacity:1;transform:none}}html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,address,big,cite,code,del,em,img,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;list-style:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}*{margin:0;padding:0}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,html{height:100%;scroll-behavior:smooth}h1,h2,h3,h4{text-wrap:balance}:root{--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--base-color: #eceaeb;--white-color: #fff;--grey-color: #a1a1a1;--dark-grey-color: #666;--blue-color: #5ac3c9;--text-color: #334155;--link-color: #222;--project-color: #334155;--project-under-color: #5ac3c9;--footer-link: #000;--border-color: rgba(3, 7, 18, .1);--btn-color: #3a435d;--btn-background: rgba(250,250,250, .5);--color-bg1: #eceaeb;--color-bg2: #fff;--color1: 18, 113, 255;--color2: 221, 74, 255;--color3: 100, 220, 255;--color4: 200, 50, 50;--color5: 180, 180, 50;--color-interactive: 140, 100, 255;--circle-size: 80%;--blending: hard-light}.darkmode{--base-color: #0f172a;--white-color: #222;--dark-grey-color: #a1a1a1;--blue-color: #fff;--text-color: #fafafa;--link-color: #fff;--project-color: #a1a1a1;--footer-link: var(--blue-color);--border-color: #ccc;--btn-color: #fff;--color-bg1: rgb(108, 0, 162);--color-bg2: rgb(0, 17, 82)}a{color:var(--text-color)}a:focus{outline:thin dotted}a:hover,a:active{outline:0}body{background-color:var(--base-color);color:var(--text-color);font-family:var(--font-family);font-size:.875rem;letter-spacing:.01875rem}@media (min-width: 768px){body{font-size:1rem}}main{margin:0 auto;max-width:80rem;padding:0 1.5rem}p{padding:.5rem 0;line-height:1.6}@media (min-width: 1025px){.grid{display:grid;grid-template-columns:repeat(12,[col-start] 1fr);grid-column-gap:2rem}}.introduction,.specialities{grid-column:col-start/span 8}.education,.skills{grid-column:col-start 9/span 4;font-size:.875rem}.projects{grid-column:col-start/span 12}.info{border-top:1px solid var(--border-color);margin-top:.375rem;padding:1rem 0 3rem}@media (min-width: 768px){.info{padding:1.5rem 0 4rem}}.grid,footer{animation:fadeInUp 1.6s ease 1.6s both}.bg-noise{background-image:url(static.gif);position:fixed;opacity:0;top:0;right:0;bottom:0;left:0;z-index:-999;animation:fadeInNoise 2s ease-in-out 2.4s both}@keyframes fadeInNoise{0%{opacity:0}to{opacity:.05}}h1{font-size:2.25rem;line-height:1.1em;padding:1.125rem 0 .375rem;animation:fadeInSmall 1.1s ease both;animation-delay:.8s}@media (min-width: 768px){h1{font-size:3rem;line-height:.95em;padding:1.5rem 0 .375rem}}h2{color:var(--dark-grey-color);font-size:1rem;letter-spacing:.03125rem;animation:fadeInSmall 1s ease both;animation-delay:1.2s}@media (min-width: 768px){h2{font-size:1.125rem}}h3{background:var(--blue-color);color:var(--white-color);display:inline-flex;font-size:1.125rem;padding:.25rem .75rem}@media (min-width: 768px){h3{font-size:1.25rem}}h4{font-size:1.25rem;line-height:2rem;padding:1.5rem 0}@media (min-width: 768px){h4{font-size:2rem;line-height:2.5rem;padding:1rem}}header{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0 3rem}@media (min-width: 768px){header{flex-direction:row;gap:2rem;padding-top:2rem;padding:1rem 0 4rem}}.head-photo img{background:#fff;border:.0625rem solid #efefef;border-radius:100%;display:block;padding:.25rem;width:10rem;max-width:100%;box-shadow:.0625rem .0625rem .25rem #4443;animation:zoomIn .8s ease both;animation-delay:.5s}@media (min-width: 768px){.head-photo img{width:12.5rem}}.contacts{margin-top:1.5rem}.contacts li{font-size:.875rem;line-height:1.6;animation:fadeInSmall 1s ease both;animation-delay:1.5s}.contacts span{color:var(--dark-grey-color)}.contacts a{text-decoration:none}@media (min-width: 768px){.contacts{margin-top:2.5rem}}.skills .info{display:grid;grid-template-columns:repeat(2,1fr)}.skills ul{color:var(--text-color);display:inline-flex;flex-direction:column}.skills li{list-style:square;margin:.25rem 0 .25rem 1rem}.skills li::marker{color:var(--grey-color)}.projects{color:var(--dark-grey-color);font-size:.875rem}.projects ul{display:flex;flex-direction:column}.projects li{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.5rem;padding:.75rem 0}@media (min-width: 1025px){.projects li{flex-direction:row;align-items:unset;line-height:1.75rem;padding:.5rem 0}}.projects a{color:var(--link-color);display:inline-block;text-decoration-color:var(--project-under-color);text-underline-offset:.125rem}@media (min-width: 768px){.projects a{font-size:1rem}}.projects span{color:var(--grey-color);font-size:.75rem}.desc{display:inline-block}@media (min-width: 1025px){.desc:before{content:"-";margin:0 .25rem}}@media (max-width: 1025px){.desc{margin-top:.25rem}}footer{text-align:center}footer a{color:var(--footer-link);position:relative;text-decoration-color:var(--project-under-color);text-decoration-thickness:2px;text-underline-offset:4px}footer .signature{display:block;padding:.5rem 0 4rem}footer .signature span{color:var(--grey-color)}@media (min-width: 768px){footer .signature{font-size:1.25rem}footer .signature span{font-size:1.375rem}}footer .built{color:var(--grey-color);font-size:.625rem;padding:.5rem 0 1rem}.btn-toggle{border:none;height:2.5rem;width:2.5rem;padding:0;border-radius:50%;background-color:var(--btn-background);display:flex;justify-content:center;align-items:center;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;z-index:99999}.btn-toggle svg{fill:var(--btn-color)}@media (min-width: 768px){.btn-toggle{top:2rem}}.gradient-bg{width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));z-index:-9999;animation:fadeInGradient 2s ease-in-out 2.4s both}.gradient-bg svg{position:fixed;top:0;left:0;width:0;height:0}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.gradient-bg .g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}.gradient-bg .g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}.gradient-bg .g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}.gradient-bg .g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.gradient-bg .g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}.gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}@keyframes fadeInGradient{0%{opacity:0}to{opacity:.3}}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}