.note {
  position: absolute;
  width: 2%;
  height: 5%;
  background-color: #4CAF50;
  border-radius: 4px;
  top: -10%; /* ensure it starts offscreen */
  animation: scrollDown 16s linear forwards;
}
a.prc {
  position:absolute;
  top:20px;
  right:20px;
  font-size:3em;
  padding:10px 10px 15px 10px;
  color:white;
  border:3px solid white;
  border-radius: 50px;
  z-index:100;
  font-family: Arial, Helvetica, sans-serif;
}
@keyframes scrollDown {
  from {
    top: -10%;
  }
  to {
    top: 100%;
  }
}
.container {
  display: block;
  grid-template-rows: 1fr 120px;
  height: 100vh;
  width: 100vw;
  z-index:100;
  top:0;
  left:0;
  position:fixed;
  width:100%;
  height:100%;
}

#pianoroll {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #111;
}

#pianoroll canvas {
  display: block;
  width: 100%;
  height: 100%;
}

div.cc_ondemand_content {
	line-height:1em;
	margin-bottom:40px;
	font-size:0.8em;
}
body .ccfilesize {
	width:auto;
}
#ppcurtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}