html, body{ height: 100%; margin: 0px; padding: 0px; } body{ background-color:lightgray } #gamePanel{ position:absolute; width: 400px; height: 500px; margin-top: 60px; border-color: gray; border-style: solid; border-width: 5px; background-image:url('img2.JPG'); background-repeat:no-repeat; background-position:center center; background-size:cover; } .card{ float:left; width:90px; height:90px; border-color:black; border-radius:12px; border-style:solid; border-width:5px; text-align:center; vertical-align:middle; line-height:90px; font-size:xx-large; } .back{ background-color:rgba(65, 105, 225, 0.7); } .face{ background-color:rgba(64, 224, 208, 0.7); } .matched{ background-color:transparent; border-color:transparent; } #controlPanel{ position:absolute; top:580px; width: 410px; text-align: right; } #displayPanel{ position: absolute; left: 240px; top:10px; width: 160px; font-size: large; } .score{ float:left; width:80px; } .clear{ clear:left; } button{ font-size:large; } input[type=file]{ visibility:hidden; width:1px; }