body {
  background-color: #2d4059;
}
.housecube{
    height: 45vh;
    width: 100vw;
    margin-bottom: 150px;
  }
.mobileicons{
	padding-top: 10px;
	padding-bottom: 20px;
	filter: drop-shadow(10px 10px 10px black);
}
.mobico{
  width: 90vw;
  margin-bottom: 5px;
  display: flex;
  justify-content:space-between;
}

a-scene {
  width: 95vw;
  height: 60vh;
}

.btn-group{
	max-width:150px;
	height:100%;
  }
  .btn-group button {
	opacity: 0.5;
	background-color: gold; /* Green background */
	border: 1px solid black; /* Green border */
	color: black; /* White text */
	padding: 10px 24px; /* Some padding */
	cursor: pointer; /* Pointer/hand icon */
	width: 40vw; /* Set a width if needed */
	height: 10%;
	display: block; /* Make the buttons appear below each other */

  }
  
  .btn-group button:not(:last-child) {
	border-bottom: none; /* Prevent double borders */
  }
  
  /* Add a background color on hover */
  .btn-group button:hover {
	background-color: gold;
	opacity: 1;
  }

  .recordright{
    float:right;
    max-width:100%;
    text-align: left;
    
  }
  #testmer{
    width:50vw;
    opacity: 0.7;
    height:40px;
    border:1px;
    filter: drop-shadow(5px 10px 5px black);
    
  }
  #testmer:hover {
    opacity: 1;
    filter: drop-shadow(5px 10px 5px black);
  }
  .startkaraoke{
    opacity: 0.5;
    font-size: 1.5em;
    position: absolute;
    height:100%;
    width:40vw;
    background-color: #d10000;
    bottom: 0px; 
    display:none;
    cursor: pointer;
  }
  .startkaraoke:hover {
    opacity: 1;
    cursor: pointer;
  }
  .stopkaraoke{
    opacity: 0.5;
    font-size: 1.5em;
    position: absolute;
    height:100%;
    width:40vw;
    background-color: #ffd900; 
    display: none;
    bottom: 0px; 
  }
  .stopkaraoke:hover {
    opacity: 1;
    cursor: pointer;
  }
  .loadkaraoke{
    opacity: 0.5;
    font-size: 1.5em;
    color:white;
    position: absolute;
    height:100%;
    width:150px;
    background-color: #292929; 
    display: none;
    bottom: 0px; 
  }
  .micdiv{
    max-width: 33%;
  }
  .buttonslist{
    
    max-width: 160px;
    height: 426px;
    float: left;
    position: relative;
    }
  .downdiv{
    font-weight: bold;
    width: 100%;
  }
  .playdiv{
    font-weight: bold;
    width: 100%;	
    height: 426px;
    overflow-y: auto;
  
  }
  .recorddiv{
    background-image: url("../images/mobileMic.png");
    border: 2px solid gold;
    display: flex;
    width: 95vw;
  
    background-color: #000000;
    filter: drop-shadow(10px 10px 10px black);
    margin-left: 0;
  }