html{ color: pink; }
body {
  background-image: url('mainpagebackround.png');
}

.title{
  display: flex;
  justify-content: center;
  align-items: center;
}

.title img{
  width: 700px; 
  height: 150px;
}
.divider{
  display: flex;
  justify-content: center;
  align-items: center;
}
.page{
  width: 1250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-collapse: collapse;
    align-items: center;
    position: relative;
    z-index: 2;
}

.navbox{
    float: left;
    height: auto;
    position: relative;
    width: 210px;
  background-image: url(/purplecircut.png);
  margin: 10px ;
}

.navbox h1{
  
  text-align:center;
  text-decoration:underline;
}

.welcomebox h1{
  text-align:center;
}
.welcomebox p{
  text-align:center;
}
.welcomebox h3{
  text-align:center;
}
.welcomebox{
   position:absolute;
  width: 730px;
    height: 199px;
  left: 19%;
  top: 50%;
  background-image: url(/welcome.png);
}

.musicbox{
  position:absolute;
  width: 210px;
  height: auto;
  left: 79%;
  top: 50%;
  
  background-image: url(cd.png)
}
.musicbox h3{
  text-align: center;
  text-decoration:underline;
}