-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-Bb3ZIZLY.css
1 lines (1 loc) · 1.36 KB
/
index-Bb3ZIZLY.css
1
body{background-color:#000;color:#fff;font-family:monospace}.text-center{text-align:center}.logo{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;justify-content:center;align-items:center;flex-direction:column}button{position:relative;padding:10px 20px;border-radius:7px;border:1px solid rgb(61,106,255);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:transparent;color:#fff;overflow:hidden;box-shadow:0 0 0 0 transparent;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}button:hover{background:#3d6aff;box-shadow:0 0 30px 5px #008eecd0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}button:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}button:before{content:"";display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}button:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}