body{height:100%;margin:0;background-color:#fff;background-image:linear-gradient(256deg,#aeddf8,#fef8b6 45%,#fdafab);background-attachment:fixed;background-size:cover}.cloud{background-image:linear-gradient(30deg,#e6d9b6,#c3d6e9)}.red-tile{--c:red}.orange-tile{--c:orange}.yellow-tile{--c:yellow}.green-tile{--c:green}.blue-tile{--c:blue}.purple-tile{--c:purple}.sound-tile{--blockSize: 60px;position:fixed;display:inline-block;top:50px;left:50%;border:black solid 2px;background-color:var(--c);border-radius:20%;width:var(--blockSize);height:var(--blockSize);cursor:move}.sound-tile{--blockSize: 60px;position:absolute;border:black solid 2px;background-color:var(--c);border-radius:20%;width:var(--blockSize);height:var(--blockSize)}.sound-tile:hover{cursor:move}.PileUp{width:100px;height:100px}