@font-face{font-family:Digital-Dismay;src:url(/fonts/Digital-Dismay.otf)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-weight:400;color:#333;background:#000000}a{text-decoration:none}button{border:none;background-color:#fff;outline:none;cursor:pointer}.canvas-container{position:fixed;top:0;left:0;z-index:99;width:100vw;height:100vh;background-image:linear-gradient(#242428,#242428)}.canvas-container canvas{display:block}.loading{pointer-events:none;position:fixed;top:0;left:0;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:100px;font-weight:700;background-image:radial-gradient(circle,#2d3340,#26272d)}.loading img{width:100px;border:2px solid #ffffff;border-radius:50%}.loading .value{margin:10px 0 50px;font-size:50px;color:#fff}.loading .value .unit{margin-left:-8px;font-size:50px}.nav{position:fixed;top:-90px;z-index:999;display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%}.nav img.logo{margin:0 20px;width:70px;height:70px;border:2px solid #728e90;border-radius:50%;background-color:#000;box-shadow:0 0 10px #00000040}.nav .item{width:100px;text-align:center;color:#ffffff90;cursor:pointer;text-shadow:0 0 10px rgba(0,0,0,.5647058824)}.nav .item.active{font-weight:700;color:#fff}.about{position:fixed;top:60px;left:50%;z-index:998;display:none;padding:10px;width:370px;border:1px solid #ffffff;border-radius:20px;color:#333;background-color:#fff;opacity:0;box-shadow:0 0 20px #000;transform:translate(-50%)}.about .base{display:flex}.about .base .item{width:33.3333%}.about .base .item .label{margin-bottom:5px;font-size:12px;font-weight:700}.about .skills{font-size:14px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.about .skills>div:first-child{grid-column:span 2}.about .skills .item{display:flex;align-items:center;height:20px;margin-bottom:5px}.about .skills .item .label{width:120px;font-size:8px;line-height:20px}.about .skills .item .content{overflow:hidden;width:100%;height:20px;border-radius:10px;background-color:#ebeef5}.about .skills .item .content .value{width:50%;height:100%;border-radius:10px;background-color:#000;font-size:12px;text-align:center;line-height:20px;color:#fff;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:72px 72px;animation:progress-stripes 2s linear infinite}.about .contacts{display:flex}.about .contacts a{display:inline-block;margin-right:5px;width:30px;height:30px;border-radius:50%;background-color:#fff}.about .contacts a.email{display:flex;align-items:center;font-size:14px;background-color:#ddd}.about .contacts a.email img{margin-right:5px}.about .contacts a img{width:100%;height:100%}.about .about-close{position:absolute;bottom:-50px;left:50%;z-index:999;margin-left:-20px;padding:5px;width:40px;height:40px;border:1px solid #ffffff;border-radius:50%;background-color:#2b303b;cursor:pointer}.about .about-close img{width:100%;height:100%}.title{margin:10px 0;font-size:16px;font-weight:700}.works{position:fixed;z-index:998;display:none;justify-content:center;align-items:center;width:100vw;height:100vh;flex-direction:column;opacity:0}.works .slide{position:absolute;left:100%;display:flex;height:340px}.works .slide .item{overflow:hidden;margin:10px;padding:16px;width:360px;border-radius:24px;background-color:#fff;box-shadow:0 0 20px #fff}.works .slide .item .cover{overflow:hidden;width:100%;height:200px;border-radius:16px;background-color:#eee}.works .slide .item .cover img{width:100%;height:100%;object-fit:cover}.works .slide .item .info .desc{height:35px;font-size:12px;color:#777}.works .slide .item .info .actions>a{display:inline-block;padding:2px 5px;font-size:12px;font-weight:700;border-radius:4px;color:#fff;background-color:#e69046;cursor:pointer}.works .slide .item .info .actions>.code{margin-right:5px;background-color:#2b303b}.works>.works-actions{display:none;margin-top:500px;opacity:0}.works>.works-actions .act{display:flex;justify-content:center;align-items:center;padding:10px;width:48px;height:48px;border:2px solid rgba(255,255,255,.5647058824);border-radius:50%;background-color:#e69046;box-shadow:0 0 10px #00000080;cursor:pointer}.works>.works-actions .act.pre{transform:rotate(180deg)}.works>.works-actions .act.close{margin:0 20px;background-color:#2b303b}.works>.works-actions .act img{width:100%;height:100%}@keyframes progress-stripes{0%{background-position:72px 0}to{background-position:0 0}}.footer{text-align:center;padding:20px;font-size:12px;color:#ccc;z-index:99;position:fixed;bottom:0;left:0;width:100%}.left-bubbles,.right-bubbles{position:fixed;top:0;height:100vh;z-index:99}.left-bubbles.left-bubbles,.right-bubbles.left-bubbles{left:0;width:20%;margin-left:5%}.left-bubbles.right-bubbles,.right-bubbles.right-bubbles{right:0;width:20%;margin-right:5%}.bubble{position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 50px #ffffff80;animation:animate_4010 8s ease-in-out infinite;display:flex;justify-content:center;align-items:center;flex-direction:column}.bubble i{font-size:40px;color:#ffffffe6;margin-bottom:10px;text-shadow:0 0 10px rgba(255,255,255,.5)}.bubble .text{color:#ffffffe6;font-size:16px;font-weight:700;text-align:center;text-shadow:0 0 8px rgba(255,255,255,.5)}.bubble:before{content:"";position:absolute;top:30px;left:35px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.7);z-index:10;filter:blur(3px)}.bubble:after{content:"";position:absolute;top:60px;left:70px;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.5);z-index:10;filter:blur(2px)}.bubble span{position:absolute;border-radius:50%}.bubble span:nth-child(1){top:10px;right:10px;bottom:10px;left:10px;border-left:15px solid rgba(135,206,235,.5);filter:blur(8px)}.bubble span:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;border-right:15px solid rgba(255,182,193,.5);filter:blur(8px)}.bubble span:nth-child(3){top:10px;right:10px;bottom:10px;left:10px;border-top:15px solid rgba(255,218,185,.5);filter:blur(8px)}.bubble span:nth-child(4){top:30px;right:30px;bottom:30px;left:30px;border-left:15px solid rgba(176,224,230,.5);filter:blur(12px)}.bubble span:nth-child(5){top:10px;right:10px;bottom:10px;left:10px;border-bottom:10px solid rgba(255,255,255,.5);filter:blur(8px);transform:rotate(330deg)}.bubble.mini-bubble{zoom:.3!important;animation-delay:-7s}.bubble[style*="cursor: pointer"]:hover{transform:scale(1.05);transition:transform .3s ease}.bubble[style*="cursor: pointer"]:active{transform:scale(.95)}.left-bubbles .bubble:nth-child(1){left:50px;top:100px}.left-bubbles .bubble:nth-child(2){left:150px;top:400px;zoom:.6;animation-delay:-4s}.left-bubbles .bubble:nth-child(3){left:100px;top:650px;zoom:.7;animation-delay:-6s}.right-bubbles .bubble:nth-child(1){right:200px;top:150px;zoom:.8;animation-delay:-2s}.right-bubbles .bubble:nth-child(2){right:100px;top:350px;zoom:.5;animation-delay:-5s}.right-bubbles .bubble:nth-child(3){right:250px;top:550px;zoom:.7;animation-delay:-3s}@keyframes animate_4010{0%,to{transform:translateY(-20px)}50%{transform:translateY(20px)}}