html { font-family: "Iosevka Web"; color: white; cursor: url("cur/cursor2x.cur"), auto; } #content-iframe { height: inherit; width: 100%; border: 0px; cursor: url("cur/cursor2x.cur"), auto; } a { cursor: url("cur/pointer2x.cur"), auto; } img { image-rendering: pixelated; } .center { text-align: center; } .hover-tilt { transition: transform .1s ease-in-out; rotate: -1.5deg; } .hover-tilt:hover { transform: rotate(3deg); } #main-container { /* width: calc(100% / 2); */ height: 100%; width: 800px; margin: auto; } .shadow { text-shadow: 1px 1px #000000; } #background-orange { /* background-color: rgb(255, 170, 60); */ background-image: url("img/orange-banner.jpg"); background-size: cover; color: white; padding-bottom:10px; } #background-orange a { color: white; text-decoration: none; } #background-orange h1 { margin-left: 18px; padding-top: 10px; } .menu-item { text-align: center; display: inline-block; width: 110px; } .menu-item img { height: 50px; margin: auto; display: block; } #music-player { position: fixed; bottom: 0; left: 5px; height: 66px; image-rendering: pixelated; } #music-player-base { float: left; width: 114px; height: 66px; background-color: #141414; background-image: url("img/player_pause.png"); background-size: contain; } #music-player-song { position: relative; float: right; height: 66px; width: 700px; margin-left: 5px; background-color: #141414; background-image: url("img/player_song.png"); background-size: 100% 100%; transition: top .4s ease-in-out; } #song-text { position: relative; font-weight: 700; color: black; margin: 10px; top: 30%; } .player-play { background-image: url("img/player_play.png")!important; } #music-player-overlay { width: 100%; height: 100%; background-image: url(img/player_overlay.png); cursor: url("cur/pointer2x.cur"), auto; background-size: contain; }