.center-screen {
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;

}

.welcome-section {
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #eee;

}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #07d;
  animation: spinner .6s linear infinite;
}

#welcome{
      height: 130px;
      width: 100%;
      background-color: #fc0;
      text-align: center;
      display: none;
      align-items: center;
      justify-content: center;
      font-size: 20px;
}

input.startbtn{
      //position: absolute;
      width: 150px;
      height: 50px;
      font-size: 18px;
}

#sceneDiv{
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
}
    
.credit{
      position: absolute;
      bottom: 5px;
      width: 100%;
      height: auto;
      text-align: center;
      font-size: 20px;
}

#logoimg{
      
      width: 250px;
      height: 100px;
}

#UNSWLogo{
      position: absolute;
      bottom: 5px;
      left: 50px;
}

@media screen and (max-width: 600px){
      .credit{
            position: absolute;
            bottom: 5px;
            width: 100%;
            height: auto;
            text-align: center;
            font-size: 10px;
      }
  
      #welcome{
            height: 130px;
            width: 100%;
            background-color: #fc0;
            text-align: center;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 15px;
      }
      
      #logoimg{
            
            width: 125px;
            height: 50px;
      }
      
}

@media screen and (max-height: 600px) {
      .credit{
            position: absolute;
            bottom: 5px;
            width: 100%;
            height: auto;
            text-align: center;
            font-size: 10px;
      }
  
      #welcome{
            height: 130px;
            width: 100%;
            background-color: #fc0;
            text-align: center;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 15px;
      }
      
      #logoimg{
            
            width: 125px;
            height: 50px;
      }
      
}