body, html {
  height: 100%;
  margin:  0px;
  padding: 0px;

  background: rgb(179,30,238,1);
  background: linear-gradient(180deg, rgba(49,22,230,1) 0%, rgba(179,30,238,1) 100%);

}
.page {
  background: rgb(179,30,238,1);
  background: linear-gradient(180deg, rgba(49,22,230,1) 0%, rgba(179,30,238,1) 100%); 
}
.view {
  background: rgb(179,30,238,1);
  background: linear-gradient(180deg, rgba(49,22,230,1) 0%, rgba(179,30,238,1) 100%);  
}
.view-main  {
  background: rgb(179,30,238,1);
  background: linear-gradient(180deg, rgba(49,22,230,1) 0%, rgba(179,30,238,1) 100%);
}
.container {
  position: absolute; 
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 96vw;
  height: 96vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.still {
  border-radius: 100px 20px 100px 20px;
  -moz-border-radius: 100px 20px 100px 20px;
  -webkit-border-radius: 100px 20px 100px 20px;
  border: 10px solid #000000;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
  box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
  background-color: white;
color: white;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-family: 'Baloo';
font-size: 2.0rem;
text-align: center;
  width: 54vw;
  margin-bottom: 3vh;
}
.number {
  padding-top: 0px;
}
.name {
  width: 86vw;
  padding-top: 4px;
}
.start {
  background-color: lime;
}
.slutt {
padding-top: 6px;
padding-bottom: 6px;
border-radius: 20px 4px 20px 4px;
-moz-border-radius: 20px 4px 20px 4px;
-webkit-border-radius: 20px 4px 20px 4px;
border: 4px solid orangered;
color: black;
font-family: 'Baloo';
font-size: 1.4rem;
text-align: center;
width: 74vw;
margin-bottom: 3vh;
background-color: floralwhite;
text-shadow: 0 0 black;
}
input[type=tel] {
  width: 50%;
  padding: 0px 0px;
  margin: 0px;
  display: inline-block;
  border: 0px solid #ccc;
  box-sizing: border-box;
  font-size: 2.0rem;
  font-family: 'Baloo';
  text-align: center;
  color: black;
}
input[type=number] {
  width: 50%;
  padding: 0px 0px;
  margin: 0px;
  display: inline-block;
  border: 0px solid #ccc;
  box-sizing: border-box;
  font-size: 2.0rem;
  font-family: 'Baloo';
  text-align: center;
  color: black;
}
input[type=text] {
  width: 75%;
  height: 2.5rem;
  padding: 0px 0px;
  margin: 0px;
  display: inline-block;
  border: 0px solid #ccc;
  box-sizing: border-box;
  font-size: 2.0rem;
  font-family: 'Baloo';
  text-align: center;
  color: black;
}
*:focus {
    outline: none;
}
.logo {
  margin-bottom: 6vh;
}
.png {
  display:block;
  width: 100%;
  height: auto;
  /* Magic! */
  max-width: 90vw;
}
.animatedtlf { 
  animation-duration: 1s; 
  animation-fill-mode: both; 
} 

@keyframes zoomOut { 
  0% { 
      opacity: 1; 
  } 
  50% { 
      opacity: 0; 
      transform: scale3d(.3, .3, .3); 
  } 
  100% { 
      opacity: 0; 
  } 
} 
.zoomOut { 
  animation-name: zoomOut; 
}












.containerspill {
  position: absolute; 
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30vh;
  width: 96vw;
  height: 40vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
}
.itemspill {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-family: 'Fredoka One';
  font-family: 'Baloo';
  font-size: 1.8rem;
  text-align: center;
  }
  .bottom {
    position: fixed; 
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
   }
   .bottomitem {
   border-top: 5px solid black;
   border-bottom: 5px solid black;
   background: rgb(179,30,238,1);
   color: white;
   text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   font-family: 'Fredoka One';
   font-family: 'Baloo';
   font-size: 1.8rem;
   text-align: center;
   }
   .dance { 
     width: 100%;
     max-width: 20vh;
     margin: auto;
     left: 0;
     right: 0;
   }
   .gif {
     display:block;
     width: 100%;
     height: auto;
     /* Magic! */
     max-width: 25vh;
   }










   .containeralt {
    position: absolute; 
    width: 96vw;;
    height: 75vh;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 1vh;
  }
  .itemalt {
    width: 40vw;
    height: 32vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    border-radius: 100px 20px 100px 20px;
    -moz-border-radius: 100px 20px 100px 20px;
    -webkit-border-radius: 100px 20px 100px 20px;
    border: 10px solid #000000;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
    box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .en {
    background-image: url("../media/img/tlf_1.png");
    background-color: fuchsia
  }
  .to {
    background-image: url("../media/img/tlf_2.png");
    background-color: lime;
  }
  .tre {
    background-image: url("../media/img/tlf_3.png");
    background-color: orangered;
  }
  .fire {
    background-image: url("../media/img/tlf_4.png");
    background-color: cyan;
  }
  .topp {
   margin-bottom: 2vh;  
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .alternativer {
    position: relative;
    bottom: -20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 14px 6px 14px 6px;
    -moz-border-radius: 14px 6px 14px 6px;
    -webkit-border-radius: 14px 6px 14px 6px;
    border: 5px solid #000000;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Baloo';
    font-size: 1.0rem;
    visibility: hidden;
  }

  .backgroundGreen {
    background: green;
  }

  #divtoBlink{
    -webkit-transition: background 0.3s ease-in-out;
    -ms-transition:     background 0.3s ease-in-out;
    transition:         background 0.3s ease-in-out;
  }