tiger-adventure.css

#main,body{justify-content:space-between}#gameCanvas,canvas{display:block}#backgroundLayer,.popup-container{position:fixed;top:0;left:0;height:100%;width:100%}#highScoreTable,#levelDisplay,body{background-color:#f8f8f8}#levelDisplay,#timerDiv{position:absolute;left:10px;font-size:18px;padding:20px}#startButton,.inputContainer{margin-top:50px}body{margin:0;padding:0;overflow:hidden;font-family:'Public Pixel',Arial,sans-serif;display:flex}#gameCanvas{margin-top:97px!important;margin:auto;image-rendering:pixelated;background-color:green}#highScoreTable{border-collapse:collapse;margin-left:10px}#highScoreTable td,#highScoreTable th{border:1px solid #ddd;padding:8px;text-align:left}#backgroundLayer{z-index:-1}.popup-container{display:none;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:999}.popup-content{background-color:#fff;padding:40px;border-radius:5px;text-align:center}#levelDisplay{top:10px}#timerDiv{bottom:10px;background-color:#fff}.spin{animation:1s linear infinite spin;width:fit-content;text-align:center;transform-origin:center}#hourglass:before{text-align:center;content:'⏳'}button{width:220px;height:50px;border:none;outline:0;color:#fff;background-color:#111;cursor:pointer;z-index:0;border-radius:10px;margin:0 auto}#audioButton{background-color:transparent!important;margin-bottom:50px}input{padding:13px}.inputContainer{display:flex;justify-content:center}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#leftContainer{flex-basis:33.33%;display:flex;align-items:left;justify-content:center;height:100vh;flex-direction:column}#rightContainer{display:flex;flex-basis:33.33%;position:relative;height:100vh;flex-direction:column-reverse}#gameContainer{flex-grow:1;display:flex;justify-content:center;align-items:center;height:100vh}#main{display:flex;align-items:center;width:100%;height:100vh}#bigMike{width:60%}#bigMikeSpeechContainer{justify-content:space-between;align-items:center;display:flex;flex-direction:column}#bigMikeSpeechContainerEndGame{display:flex;flex-direction:column;justify-content:center;align-items:center}.start-image-container{display:flex;align-items:center;justify-content:center}.start-image{height:80px;width:80px}.start-boxing-l,.start-boxing-r{font-size:40px}.start-boxing-l{margin-right:-20px}.welcome-text{font-size:24px;font-weight:600}