body {background-size: 99vh;background-position: top}
@media (max-width:768px) {body {padding:1rem}}
p {font-size:1.3rem}
/*The Buttons Start*/
.button.a,.button,a.button {
border: 1px solid #0360df;
border-radius: 50px;
padding: 12px 16px;
background-color: #0360df;
background-image: radial-gradient(75% 50% at 50% 0%, #f4feff 12%, transparent), radial-gradient(75% 50% at 50% 85%, #8de3fc, transparent);
box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.2), 0 1px 4px 1px rgba(17, 110, 231, 0.2), 0 1px 4px 1px rgba(0, 0, 0, 0.1);
color: #fff;
text-shadow: 0 1px 1px #116ee7;
transition-property: border-color, transform, background-color;
transition-duration: 0.2s;
}
/*The Buttons End*/
div.ttxt {margin-top: 2.5rem}
body {background-color:  beige}
div.topp {background-color: rgba(192,192,192,0.75)}
h1.subj {font: 1rem/1 Helvetica}
button.butt,p.pbut {font-size: 5rem}
div.topp {border-width: 4px;border-style: solid;border-image: linear-gradient(45deg, purple, blue, cyan, green, yellow, red) 1;}
@media (max-width:999px) {a.button {padding:0px;font-size: 1.4rem;line-height: 1.5}body {padding:0px;margin:0px}button.butt,p.pbut {font-size: 2rem}}