.title {
    color: green;
}
#VidMenu {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}
#VidBoot {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;    
}
#mobilesplash{
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;    
}
#mainmenu{
  opacity: 0;
  font-family: Arial;
  text-align: center;
  position: absolute;
  min-height: 20vh;
  width: 30vw;
  float: right;
  transition: 2s opacity; 
}
#setuptext {
  display: none;
  opacity: 0;
  font-family: Arial;
  text-align: center;
  min-height: 20vh;
  width: 30vw;
  float: right;
  color: white;
  position: absolute;
  transition: 2s opacity; 
}
#cntbutton {
  display: none;
  opacity: 0;
  font-family: Arial;
  text-align: center;
  color: white;
  transition: 2s opacity; 
  width: 30vw;
  position:absolute;
  top: 60vh;
  left:75vw;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
#yesbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 4vh;
  padding: 1vh 10vh;
  transition-duration: 0.3s;
   color:dimgrey;
 
}
#yesbtn:hover{
   color:skyblue;
}
#nobtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 4vh;
  padding: 1vh 10vh;
  transition-duration: 0.3s;
   color:dimgrey;
}
#nobtn:hover{
   color:skyblue;
}
#CurrentQ{
  font-size: 2vh;
  align-content: center;
  line-height: 3vh; 
}
#Qhead{
  font-size: 4vh;
}
#menucontent{
  width: 30vw;
  position: absolute;
  top: 40vh;
  left:75vw;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
  font-family: Arial;
  text-align: center;
  min-height: 20vh;
  color: white;
}
#menuheading{
   font-size: 4vh;
   text-align: center;
}
#menutext{
  font-size: 2vh;
  align-content: center;
  line-height: 3vh; 
}
#mainbtnscnt{
  opacity: 0;
  font-family: Arial;
  text-align: center;
  color: white;
  transition: 2s opacity; 
  width: 30vw;
  position:absolute;
  top: 60vh;
  left:75vw;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
#creditbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3vh;
 
  transition-duration: 0.3s;
   color:dimgrey;
}
#creditbtn:hover{
  color:skyblue;
}
#linksbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3vh;

  transition-duration: 0.3s;
  color:dimgrey;
}
#linksbtn:hover{
    color:skyblue;
}
#projectbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3vh;
  transition-duration: 0.3s;
   color:dimgrey;
}
#projectbtn:hover{
    color:skyblue;
}
#hubbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3vh;
  transition-duration: 0.3s;
   color:dimgrey;
}
#hubbtn:hover{
    color:skyblue;
}
#thoughtsbtn{
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 3vh;
  transition-duration: 0.3s;
  color:dimgrey;
}
#thoughtsbtn:hover{
  color:skyblue;
}