@font-face{font-family:Roboto-Bold;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto-Bold"),url(./Roboto-Bold-a073f449.ttf) format("truetype")}@font-face{font-family:Roboto-Regular;font-style:italic;font-weight:400;font-display:swap;src:local("Roboto-Regular"),url(./Roboto-Regular-9e79eaeb.ttf) format("truetype")}::placeholder{color:#666}::selection{background-color:orange;color:#fff}input,textarea{outline:none}input:focus:required:invalid,textarea:focus:required:invalid{border-color:red}input:required:valid,textarea:required:valid{border-color:green}.disable-hover{pointer-events:none!important}body{min-width:320px;margin:0;position:relative;line-height:1.65;overflow-x:hidden}img{width:100%;vertical-align:bottom}body{display:flex;width:100%;height:100dvh;min-width:320px;margin:0;position:relative;line-height:1.65;overflow-x:hidden;background:linear-gradient(#1F0B2E,#0E0C0F)}button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button::-moz-focus-inner{border:0}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}#myCanvas{width:100vmin;height:100vmin;margin:auto}.button{position:fixed;right:30px;bottom:30px;width:50px;height:50px;padding:0;border-radius:50%;border:5px solid rgba(255,0,0,.8);background-color:transparent;outline:none;transition:.4s}.button:after{position:absolute;content:"";width:5px;height:23px;border-radius:5px;border:2px solid #0F0C10;background:red;top:-12px;left:16px;transition:.4s}.button:hover,.button:focus{border-color:red;box-shadow:0 0 30px #f009;transform:scale(1.03)}.button:hover:after,.button:focus:after{background:rgba(255,255,255,.6)}.button:active{transform:scale(.9)}.box-link{display:flex;position:absolute;top:0;left:0}.item-link{display:block;width:22px;height:22px;margin:18px 19px 20px;transform:rotate(180deg);fill:#727271}.link{position:fixed;top:30px;left:30px;display:block;width:60px;height:60px;margin:auto;cursor:pointer;overflow:hidden;outline:none}.link:before,.link:after{content:"";position:absolute;border-radius:50%;right:7px;bottom:7px;left:7px;top:7px}.link:before{border:4px solid #bdc3c7;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.link:after{border:4px solid #96daf0;transform:scale(1.3);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.link:hover:before,.link:focus:before{opacity:0;transform:scale(.7);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94)}.link:hover:after,.link:focus:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.link:hover>.box-link,.link:focus>.box-link{transition:.4s;transform:translate(-60px)}.popup{position:fixed;top:30px;left:30px;padding-bottom:40px;background-color:#e1e1e180;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-110%)}.popup-button{position:absolute;top:0;right:0;width:40px;height:40px;margin:5px;border:none;background-color:transparent;line-height:1;font-size:40px;outline:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.popup-button:hover,.popup-button:focus{color:#cf0203}.popup-h3{font:25px Roboto-Bold;margin:40px 40px 0 10px}.popup-text{font:20px Roboto-Regular;margin:20px 10px 0}@media only screen and (max-width: 480px){.popup{top:15px;left:15px}.popup-h3{font:19px Roboto-Bold}.popup-text{font:16px Roboto-Regular}.link{top:15px;left:15px}}
