body {
   background: #eeeeee;
   /*background-image: url('/img/fest.webp');*/
   background-size: cover;
   font-family: 'Nimbus Sans', sans-serif;
   font-size: 90%;
   word-break: break-all;

   transition: all 1s linear; 
   -moz-transition: all 1s linear;  
   -webkit-transition: all 1s linear; 
   -ms-transition: all 1s linear; 
}

div {
    display:inline;
   line-height: 140%;
   word-break: break-word;
   /*text-align: justify;*/
}

.message {
    background-color: rgb(238, 238, 238);
}

a:link {
    color: #0468cc;
 }
 
 a:visited {
    color: #0468cc;
 } 

a:hover {
  color: #ff0000;
}


.title {
  font-size: 13vw;
}

.element {
    overflow:scroll;
    animation: fadeIn 1.5s;
    -webkit-animation: fadeIn 1.5s;
    -moz-animation: fadeIn 1.5s;
    -o-animation: fadeIn 1.5s;
    -ms-animation: fadeIn 1.5s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }


div.modal {
    display:none;
    visibility:hidden;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

video {
    width: 420px;
    height: 230px;
}

iframe[src*="youtube"] {
    width: 640px;
    min-height: 360px;
}


div.message>img {
  max-width:60%;
  max-height: 70%;
}


div#balls {
    position: absolute;
    margin-left: 0px;
    margin-top: -5px;
    max-height: 35%;
    width: 90%;
    overflow-y: auto;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 5px;
    text-align: center;
}

iframe[name="krautshare"] {
    border: 0px #000000 none;
    width: 90%;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0 !important;
    bottom: 0;
    height: 30%;
    text-align: center;
}

