@-webkit-keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } 
@-moz-keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%}}
@keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%}}
body {width: 100wh;height: 90vh;color: #fff;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;
background: linear-gradient(-45deg, #289548, #282b95, #024812, #0effff);background-size: 400% 400%}
.shake {animation: shake-animation 4.72s ease infinite;transform-origin: 50% 50%}
.element {margin: 0 auto;width: 150px;height: 150px;background: red }
@keyframes shake-animation { 0% { transform:translate(0,0) }
1.78571% { transform:translate(5px,0) }
3.57143% { transform:translate(0,0) }
5.35714% { transform:translate(5px,0) }
7.14286% { transform:translate(0,0) }
8.92857% { transform:translate(5px,0) }
10.71429% { transform:translate(0,0) }
100% { transform:translate(0,0) }}
.backdrop {-moz-box-shadow: 0px 6px 5px #111;  -webkit-box-shadow: 0px 6px 5px #111; box-shadow: 0px 2px 10px #111; -moz-border-radius:190px; -webkit-border-radius:190px; border-radius:190px}
.linktree {width: 150px;height: 150px;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
h2, h1, button, a {text-shadow:1px 1px 1px #000;}
h2, h1 {text-align:center;color:#fff;font-size:1.3rem}
.new {text-align:center;color:#fff;font-weight:bold}
button:hover, a:hover {text-shadow:1px 1px 1px #fff;}
body {text-align:center; margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5}
.btn:not(:disabled):not(.disabled) {cursor: pointer}
[type=reset], [type=submit], button, html [type=button], a { -webkit-appearance: button}
.btn-outline-light {color: #f8f9fa;background-color: transparent;background-image: none;border-color: #f8f9fa}
.btn-outline-light:hover {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa}
.btn:focus, .btn:hover{text-decoration: none}
@media (min-width: 1200px){.container {max-width: 1140px}}
@media (min-width: 992px){.container {max-width: 960px}}
@media (min-width: 768px){.container {max-width: 720px}}
@media (min-width: 576px){.container {width: 90%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;max-width: 540px}}
@media (max-width: 576px){h2, h1, .new {font-size:1rem;padding:0 2em}}
.btncl {width: 80%; padding-top:10px; padding-bottom:10px; font-weight: 600}
.text-center div {padding-bottom:30px}
.styl a {color:#fff;padding: 2px;font-size:10px}
.paadi {padding-top: 30px; padding-bottom: 30px}
a {text-decoration: none; border: 1px solid #fff}
