body{background-image:url(/images/background.jpg);background-size:cover;background-repeat:no-repeat}.container{position:absolute;top:6px;width:624px;left:50%;transform:translate(-50%)}#piano{position:absolute;width:624px;left:0;bottom:-400px}.white-key{position:absolute;width:10px;height:59px;z-index:2;background-image:url(/images/whiteKey.jpeg);box-shadow:5px 5px 7px #00000080}.black-key{position:absolute;width:7px;height:41.3px;z-index:3;background-image:url(/images/blackKey.jpeg);box-shadow:5px 5px 7px #00000080}.key.active{filter:brightness(1.2);box-shadow:0 0 #0000}#roll{position:absolute;inset:50px 0 -400px;overflow:hidden;z-index:1}.tile{position:absolute;width:9px;background:#fffcf0b3;box-shadow:0 0 8px #fffc;border-radius:4px}@font-face{font-family:Playwrite BEVLG;src:url(/fonts/PlaywriteBEVLG-Thin.ttf);font-weight:400;font-style:normal}h3{position:relative;color:#191970;font-family:Playwrite BEVLG;font-size:23px;text-align:center;line-height:1.2;top:490px}button{position:absolute;border:none;background:transparent;padding:0;cursor:pointer;left:50%;top:65%;transform:translate(-50%)}