body{color:#f1f2fc;background:#05061b}header img{margin:auto;display:block;width:360px!important}header section{padding:2em;min-width:360px;position:absolute;border-radius:20px;top:50%;right:50%;-webkit-border-radius:20px;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}a{color:#4974df}a:hover{color:#ec6523}footer{display:none;padding:1em;position:fixed;padding:6px 20px;bottom:0;left:0;background:#040414;border-radius:0 14px 0 0}footer *{color:#414141}.lines{top:0;left:0;right:0;width:100%;height:100%;margin:auto;position:absolute}.line{top:0;left:50%;width:1px;height:100%;overflow:hidden;position:absolute;background:rgb(120 120 120 / .1)}.line:after{left:0;top:-50%;content:'';width:100%;height:15%;display:block;position:absolute;animation-fill-mode:forwards;animation:drop 7s 0s infinite;-webkit-animation:drop 7s 0s infinite;-webkit-animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97);-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(to bottom,#fff0 0%,#555 75%,#555 100%)}.line:nth-child(1){margin-left:-30%}.line:nth-child(1)::after{animation-delay:2s;-webkit-animation-delay:2s}.line:nth-child(3){margin-left:30%}.line:nth-child(3)::after{animation-delay:2.5s;-webkit-animation-delay:2.5s}@keyframes drop{0%{top:-50%}100%{top:110%}}@-webkit-keyframes drop{0%{top:-50%}100%{top:110%}}body.light{color:#05061b}.light .lines{background:#fff;background:radial-gradient(circle,#fff 0%,#dfe0f0 100%)}.light footer{background:#fff}.x-small{font-size:70%}