body { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } .mainbox { position: relative; margin: 0 0; top: 0; background-color: rgb(0, 155, 65); padding: 25px; opacity: 0.9; transition: 0.4s; } .mainbox .title { position:sticky; outline: 0; border: 0px; font-size: 40px; text-align: center; padding: 20px; } .mainbox .options { font-size: 20px; text-align: center; padding: 10px; } .mainbox .options button { padding: 15px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 25px; border-radius: 10px; opacity: 0.8; transition: 0.3s; } button:hover { color: #fff; background-color: #000; opacity: 1; }