body {
    background: url("dreams.jpg");
    background-size: cover;
}


#vids {
    width: 300px;
    height: 340px;
    border: 1.5px solid;
    margin-top: 10px;
    margin-left: 5px;
    position: fixed;
   /* position: absolute;*/
}



#time {
    width: 200px;
    height: 6px;
    margin-left: 5px;
    margin-top: -10px;
    position: absolute;



}

#lyrics {
    width: 60px;
    height: 140px;
    border: 1.5px solid black;
    margin-left: 310px;
    margin-top: 10px;
    position: fixed;
    z-index: 99;
    font-family: cursive;
    font-size:16px;
    color: black;
    text-shadow: 2px 2px 2px pink;
}

#notes {
    width: 60px;
    height: 100px;
    margin-left: 310px;
    margin-top: 175px;
    position: fixed;
    z-index: 99;
    text-shadow: 2px 2px 2px pink;
}

#note{
    width: 60px;
    height: 30px;
    margin-top: 2px;

}

#textIntro {
    position: fixed;
    margin-top: 355px;
    margin-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:white;

}

a {
    color: blue; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
  }

  #img3 {

      position: fixed;
      margin-top: 390px;
      margin-left: 20px;
  }

#buttons {
    width: 255px;
    height: 30px;
    border: 1.5px solid;
    margin-top: 393px;
    margin-left: 105px;
    position: absolute;
}

#play {
    position: fixed;
    font-size:10px;
    width: 30px;
    margin-left: 50px;
    margin-top: 5px;

}

#voice {
    position: fixed;
    font-size:10px;
    width: 30px;
    margin-left: 150px;
    margin-top: 5px;
    

}

#pause {
    position: fixed;
    font-size:10px;
    width: 30px;
    margin-left: 125px;
    margin-top: 15px;

}

#playtwo {
    position: fixed;
    font-size:10px;
    width: 30px;
    margin-left: 5px;
    margin-top: 7px;
}

#playthree {
    width: 100px;
    position:fixed;
    font-size:10px;
    font-style: cursive;
    margin-left: 80px;
    margin-top: 5px;
}


#playfour {
    width: 100px;
    position:fixed;
    font-size:10px;
    font-style: cursive;
    margin-left: 60px;
    margin-top: 3px;
}

#realtime{
    width: 20px;
    position:fixed;
    font-size:10px;
    font-style: cursive;
    margin-left: 190px;
    margin-top: 2px;
}

#alasrotas {
    width: 100px;
    position:fixed;
    margin-left: 60px;
    margin-top: 3px;
    z-index: 99;

}

#alasrotvoice{
    width: 100px;
    position:fixed;
    margin-left: 120px;
    margin-top: -20px;
    z-index: 99;


}

#morebut{
    position:fixed;
    width: 100px;
    margin-left: 195px;
    margin-top: -100px;
    z-index: 99;

}

#lob {
    position:fixed;

}

#lob2 {

    
    position:fixed;
   

}

#lov {
    width: 50px;
    height: 20px;
    position:fixed;
    margin-left: 120px;
    margin-top: 3px;
    z-index: 99;
}

#lovocal{
    width: 50px;
    height: 20px;
    position:fixed;
    margin-left: 20px;
    margin-top: 3px;
    z-index: 99;

}

#lovocaltwo {
    width: 1px;
    height: 5px;
    position:fixed;
    margin-top: 3px;
    margin-left: 200px;
    z-index: 99;

}

#mountainVocal {
    position: fixed;
    margin-top: -20px;
    margin-left: 200px;
}

#images {
    position: fixed;
    margin-top: 100px;
    margin-left: 30px;
}

#images2 {
    position: fixed;
    margin-top: 20px;
    margin-left: 220px;
}

#images3 {
    position:fixed;
    margin-top: 250px;
    margin-left: 40px;
}

#songs {
    width: 356px;
    height: 93px;
    margin-left: 5px;
    margin-top: 430px;
    border: 1.5px solid;
    font-size: 10px;
    position: absolute;
}

h1{
    font-family: cursive;
    font-size: 9px;
}