body { font-family: "Comic Sans Ms"; font-size:22px; } .btn { margin-top: 5px; margin-bottom: 5px; outline: 0; background-color: rgb(150, 200, 180); width: 100px; height: 30px; padding: 0; font-family: "Comic Sans Ms"; } .center { display: inline-block; margin-right: auto; margin-left:0px; } /*.image { width: 250px; height: 200px; background-color: #fff; margin-left: -65px; }*/ .game-table { margin-left: auto; margin-right: auto; } .game-table tr { margin: 0; } .game-table td { margin: 0; margin-left: 10px; } .left-column { text-align: right-side; } .wrapper { position: relative; width: 350px; height: 400px; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; } .messagebox { margin-top: 30px; height: 200px; widows: 90%; margin-left: auto; margin-right: auto; } .commandbox { width: 180px; height: 550px; float: left; background-color: rgb(150, 150, 225) } .playbox { padding-top: 10px; text-align: center; position: relative; float: left; width: 800px; height: 550px; background-color: rgb(200, 200, 255); } .questionbox { padding-top: 10px; text-align: left; padding-left: 80px; } .question { margin-bottom: 10px; } .question.red { border-color: rgb(255, 100, 100); } .answer { width: 200px; border: none; border-bottom: 1.5px solid #444; background-color: rgba(200, 200, 255, .1); font-size:22px; } .top-label { margin-bottom: auto; } input{ border:5px; background:#fff; height:50px; } img{ width:50px; height:50px; } .rect { width:100px; } .oval{ width:100px; } .numbers{ height:800px; } input{ font-family:"Comic Sans Ms"; font-size:17px; }