#holder {width:600px; margin-left:auto;margin-right: auto; height:800px;background-image: url(jb.jpg); }



#banner {width:100%; height:70px; text-align: center;font-size: 28px;margin-top: 30px; padding-top:20px;padding-left:5px;margin-bottom: 40px; font-family: 'Notable', sans-serif;color:black;background-color: white;text-shadow: 3px 5px rebeccapurple;}
body {background-color:black;}

.draggable { width: 200px; height: 113px; float:left; margin: 10px 10px 10px 0;}
  #droppable { width: 200px; height: 113px;  float: left; margin-top: 110px; margin-left:111px; background-color:#ffffff; border-width: 3px;border: 5px solid #000000;border-radius:28px;font-size:22px;text-align: center;font-family: 'Notable', sans-serif;}
.divholder {width:100px; height:1000px;float:left;}
 #munk {position:absolute; top:750px;left:40px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
 #tunk {position:absolute; top:750px;left:1040px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
   .white {background-color: white;}
 #qunk {position:absolute; top:470px;left:1040px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
   .white {background-color: white;}
 #wunk {position:absolute; top:200px;left:1040px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
   .white {background-color: white;}
 #eunk {position:absolute; top:200px;left:40px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
   .white {background-color: white;}
 #runk {position:absolute; top:470px;left:40px; height: 120px; width:190px; background-image: url(notes.png);background-color: white;border-radius:45px;}
   .white {background-color: white;}

.purple {background-color: rebeccapurple;}
    button{background-color: gray;}