html{width:100%;height:100%;background-image:linear-gradient( 135deg, #F05F57 10%, #360940 100%)}body{max-width:54em;padding:0 6em 1.5em;margin:0 auto;text-align:center}body:after{content:'';position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:-1;background:linear-gradient( 135deg, #F05F57 10%, #360940 100%)}h1{font-size:6em}h1{font-family:Montserrat, sans-serif;background:#5433FF;background:-webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);background:linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{text-decoration:none}.buttons{text-align:center}.gradient-button{margin:10px;font-family:"Arial Black", Gadget, sans-serif;font-size:20px;padding:15px;text-align:center;text-transform:uppercase;transition:0.5s;background-size:200% auto;color:#FFF;box-shadow:0 0 20px #eee;border-radius:10px;width:11em;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);transition:all 0.3s cubic-bezier(.25, .8, .25, 1);cursor:pointer;display:inline-block;border-radius:25px}.gradient-button:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);margin:8px 10px 12px;background-position:right center}.gradient-button-1{background-image:linear-gradient(to right, #DD5E89 0%, #F7BB97 51%, #DD5E89 100%)}.gradient-button-2{background-image:linear-gradient(to right, #7474BF 0%, #348AC7 51%, #7474BF 100%)}.gradient-button-3{background-image:linear-gradient(to right, #4776E6 0%, #8E54E9 51%, #4776E6 100%)}.gradient-button-4{background-image:linear-gradient(to right, #485563 0%, #29323c 51%, #485563 100%)}@media only screen and (max-device-width: 720px){h1{font-size:3em}body{max-width:100%;padding:1em;margin:0}}