.bodys{--border:calc(1vmin / 4);--sine-ease:cubic-bezier(0.37,0,0.63,1);--dur:4s;--size:20vmin;--gap:1vmin}.decor-grid{position:relative;display:grid;grid-template:"c y" auto "x b" auto/auto auto;gap:var(--gap);animation:var(--dur) var(--sine-ease) calc(-.5 * var(--dur)) infinite alternate x,var(--dur) var(--sine-ease) infinite alternate y,calc(var(--dur) * 2) linear infinite rot}.circle{--color:#514852;--top:calc(var(--y) * 100%);--left:calc(var(--x) * 100%);grid-area:c;height:var(--size);width:var(--size);background-color:var(--color);border:var(--border) solid var(--color);border-radius:50%}.circle:after{height:calc(var(--size) * .5);width:var(--border);background-color:#fcecc9;left:50%;top:0;transform-origin:50% 100%;transform:rotate(calc(var(--rot) * 1turn))}.x-bar{--color:#929292;--dim:var(--y);--top:50%;--left:calc(var(--x) * 100%);grid-area:x;height:var(--border);width:var(--size);background-color:var(--color)}.x-bar:after{left:calc(var(--x) * 100%);bottom:0;height:var(--length);width:var(--width);transform:translate(-50%)}.x-wave{grid-area:x;top:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 2' preserveAspectRatio='none'><path fill='rgb(47, 47, 46)' d='M 0 0 C 0 .37, 1 .63, 1 1 C 1 1.37, 0 1.63, 0 2 Z'></path></svg>");background-size:100% 200%;background-position:top calc(var(--size) * .5 + (var(--rot) * 2 * var(--size))) center;background-repeat:repeat-y;border-radius:0 0 calc(var(--size) * .125) calc(var(--size) * .125)}.y-bar{--color:#050505;--dim:var(--x);--top:calc(var(--y) * 100%);--left:50%;grid-area:y;width:var(--border);height:var(--size);background-color:var(--color)}.y-bar:after{top:calc(var(--y) * 100%);right:50%;width:var(--length);height:var(--width);transform:translateY(-50%)}.y-wave{grid-area:y;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 1' preserveAspectRatio='none'><path fill='rgb(2, 2, 2)' d='M 0 0 C .37 0, .63 1, 1 1 C 1.37 1, 1.63 0, 2 0 Z'></path></svg>");background-size:200% 100%;background-position:center left calc(var(--rot) * 2 * var(--size));background-repeat:repeat-x;border-radius:0 calc(var(--size) * .125) calc(var(--size) * .125) 0}.xy-wave{grid-area:b;left:0;background-blend-mode:color-burn;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 1' preserveAspectRatio='none'><path fill='rgb(99, 99, 99)' d='M 0 1 C .37 1, .63 0, 1 0 C 1.37 0, 1.63 1, 2 1 Z'></path></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 1' preserveAspectRatio='none'><path fill='rgb(146, 146, 146)' d='M 0 1 C .37 1, .63 0, 1 0 C 1.37 0, 1.63 1, 2 1 Z'></path></svg>");background-size:200% 100%;background-repeat:repeat-x;background-position:center left calc(var(--rot) * 2 * var(--size)),center left calc(var(--size) * .5 + (var(--rot) * 2 * var(--size)));border-radius:calc(var(--size) * .125)}.x-wave,.xy-wave,.y-wave{position:relative;width:var(--size);height:var(--size)}.circle,.x-bar,.y-bar{position:relative}.circle:before,.x-bar:before,.y-bar:before{content:"";position:absolute;top:var(--top);left:var(--left);height:calc(var(--size) / 32);width:calc(var(--size) / 32);background-color:#fcfcfc;border:var(--border) solid var(--color);border-radius:50%;transform:translate(-50%,-50%);z-index:1}.circle:after,.x-bar:after,.y-bar:after{content:"";position:absolute}.x-bar,.y-bar{--length:calc(var(--gap) + ((1 - var(--dim)) * var(--size)));--width:var(--border)}.x-bar:after,.y-bar:after{background-color:var(--color)}@keyframes x{0%{--x:0}to{--x:1}}@keyframes y{0%{--y:0}to{--y:1}}@keyframes rot{0%{--rot:0}to{--rot:1}}@property --x{syntax:"<number>";inherits:true;initial-value:.5}@property --y{syntax:"<number>";inherits:true;initial-value:0}@property --rot{syntax:"<number>";inherits:true;initial-value:0}.main:after{content:"";background-image:url(/images/paper.jpg);z-index:0;position:absolute;width:100%;height:100%;top:0;opacity:.17;pointer-events:none}.icon{position:absolute;left:50%;top:50%}.bar1{animation:bar1 .6s infinite alternate;transform:translateY(20%);animation-delay:.4s}.bar2{animation:bar2 .3s infinite alternate;animation-delay:.3s}.bar3{animation:bar3 .4s infinite alternate;transform:translateY(50%);animation-delay:.5s}@keyframes bar1{0%{transform:translateY(40%)}to{transform:translateY(0);fill:#3f3c38}}@keyframes bar2{0%{transform:translateY(30%)}to{transform:translateY(0);fill:#3f3c38}}@keyframes bar3{0%{transform:translateY(60%)}to{transform:translateY(0);fill:#3f3c38}}.custom-container{height:100%;display:flex;justify-content:center;align-items:center;background:#fafafa}.custom-container .custom-button{padding:20px 40px;background:none;border:none;position:relative;text-transform:uppercase;font-weight:700;letter-spacing:3px;cursor:pointer}.custom-container .custom-button:after,.custom-container .custom-button:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:2px solid #000;transition:transform .2s}.custom-container .custom-button:after{transform:translate(3px,3px)}.custom-container .custom-button:before{transform:translate(-3px,-3px)}.custom-container .custom-button:hover:after,.custom-container .custom-button:hover:before{transform:translate(0)}teg_1{position:relative;margin:0;padding:.8em 1em;outline:none;text-decoration:none;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;text-transform:uppercase;background-color:#333;border-radius:10px;color:#fff;font-weight:300;font-size:24px;font-family:inherit;z-index:0;overflow:hidden;transition:all .3s cubic-bezier(.02,.01,.47,1)}teg_1.visible{animation:sh0 .5s ease-in-out both}@keyframes sh0{0%{transform:rotate(0deg) translateZ(0)}25%{transform:rotate(7deg) translateZ(0)}50%{transform:rotate(-7deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0deg) translateZ(0)}}teg_1:hover span{animation:storm .7s ease-in-out both;animation-delay:.06s}teg_1:after,teg_1:before{content:"";position:absolute;right:0;bottom:0;width:100px;height:100px;border-radius:50%;background:#fff;opacity:0;transition:transform .15s cubic-bezier(.02,.01,.47,1),opacity .15s cubic-bezier(.02,.01,.47,1);z-index:-1;transform:translate(100%,-25%) translateZ(0)}teg_1:hover:after,teg_1:hover:before{opacity:.15;transition:transform .2s cubic-bezier(.02,.01,.47,1),opacity .2s cubic-bezier(.02,.01,.47,1)}teg_1:hover:before{transform:translate3d(50%,0,0) scale(.9)}teg_1:hover:after{transform:translate(50%) scale(1.1)}body{padding:0;margin:0;background-color:#000}.key-tag{color:#cecec5;letter-spacing:3px;cursor:pointer;display:inline-block;position:relative;transition:color .3s linear,text-shadow .5s linear}.key-tag:after,.key-tag:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:transparent;transition:transform .3s linear}.key-tag:hover{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff}.key-tag:hover:before{transform:translateX(-10px)}.key-tag:hover:after{transform:translateX(10px)}