body {
    /*margin:0;
    padding:0;
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #0e100f;
    overflow: hidden;*/
 
    width:100%;
    max-width:500px;  
    background-color:black;
    color:white;
    font-size:40px;
    text-align:center;
  
  }
  
  .container-full {
    align-items: center;
 
    /*position: relative;
    width: 90vw;
    height: 90vh;
    display: flex;
    flex-direction: column;

    justify-content: space-evenly;
    border-radius: 9px;*/

  }
  
  .court {
    
  }

  .btnx {
    width:240px;
    height:1.7em;
    font-size:1.3em;
    margin-bottom:1em;
    padding:5px;
  }

  

 .dropdown-item {
    font-size:2em;
  }
  
  #ball {
    opacity:.75;
  }
  
  #outsidefront, #middlefront, #setterfront, #fred .circle { 
    fill:red;
    stroke: white;
    stroke-width:3;
  }
  
  #outsidefront, #middlefront,#setterfront, #fred .text { 
    fill:blue;
    stroke: white;
    stroke-width:3;
    font-family:Arial;
    text-align:center;
  }
  
  #outsideback, #middleback, #setterback, #fred .circle { 
    fill:red;
    stroke: white;
    stroke-width:3;
  }
  
  #outsideback, #middleback,#setterback, #fred .text { 
    fill:red;
    stroke: white;
    stroke-width:3;
    font-family:Arial;
    text-align:center;
  }
  
  #svg-stages {
    width:60%;
    max-width:750px;
    overflow:visible;
  }
  
  #buttondiv {
    /*width:330px;
    text-align:center; */
  }
  #button {
    /*border-radius:5px;*/
   /*width:170px;
    height:45px;*/
    width:210px;;
  }
  #btnback { 
    /*font-size:20px;
    border-radius:5px;
    width:50px;
    height:45px;*/
  }

  #speil ul li, #speil p {
    font-size:14px; padding:5px;
  } 

  #speil { 
    text-align:left 
  }

  .servicetitle {
    font-weight:bold;
    text-align:center;
    font-size:14pt !important;

  }
  .service {
    margin-top:10px;
  }
  .service div {
    font-size:10pt; text-align:left; margin-bottom:7px; padding:0px 15px;
  }