.annotation{
    background-color: #3355bbda;
    position: relative;
    transform: translate(0px, 345px);
    border-radius: 0px 20px 20px 0px;
    padding: 10px 20px;
    color: #fff;
    font-size:1.2em;
    font-family: CALIBRI;
    box-shadow: 0px 0px 5px 0px #0005 ;
    width: 60%;
  }
   .annotation:hover{
    background-color: #3344aa;
  }
  body{
      background-color: #f0f2f5;
  }
  model-viewer{
      border:solid .5px #5555;
      border-radius: 10px;   
      width:350px;
      height: 400px; 
      margin:2px;
      background-color: #fff;
      padding: 0px;
 
  }
  #view-container{
      filter:blur(15px);
      margin:auto;
      padding-bottom: 200px;
      display:flex;
      flex-wrap: wrap;
      align-items: center;
      justify-items: center;
      background-color: #f0f5fa;
  }
  model-viewer:hover{
      box-shadow: 0px 0px 5px 5px rgba(170,180,200, .8);
      cursor: pointer;
  }
  #tally{
      position: fixed;
      right: 0;
      bottom: 0;
      z-index: 255;
      align-self: end;
      margin:10px;
      background-color: #fff;
      box-shadow: 0px 0px 10px 0px rgba(100,120,120, .8);
      border-radius: 10px 10px 8px 8px;
      font-size:1.5em;
      font-family: CALIBRI;
      text-align: center;
  }
  @media all and (max-width:700px){
      #tally{
          width: 95%;
          margin:10px;
      }
  }
  #tally span{
      display: inline-block;
      height: 5vh;
      line-height: 5vh;  
       filter:none;
  }
  .tally-top{  
      background-color: #228833;
      padding:15px 25px;
      color: #fff;
      border-radius: 8px 8px 0px 0px;
       filter:none;
  }
  
  #points{
      margin:15px 25px; 
      font-size: 1.5em;
  }
  #btn-reset{
      margin:15px 25px; 
      padding:5px;
      color: #fff;
      background-color: #cc4455;
      border-radius: 5px;
      box-shadow: 0px 0px 5px 2px rgba(220,190,200, .5);
  }
  #btn-reset:hover{
      color: #fff;
      background-color: #ff4050;
      box-shadow: 0px 0px 8px 2px rgba(220,190,200, .8);
      cursor: pointer;
  }
  #btn-reset:active{
      color: #fff;
      background-color: #aa202f;
      box-shadow: 0px 0px 8px 2px rgba(220,190,200, .8);
  }
  #chatarea{
      width: 95%;
      margin: 2px;
  }