*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

header{
  z-index: 200;
  position: fixed;
  width: 100%;
  height: 11vh;
  text-align: center;
  background-color: #FFE5CC;
  border-bottom: 2px solid grey;
}

header h1{
font-family: 'Times New Roman', Times, serif;
font-style: italic;
font-size: 70px;  
letter-spacing: 4px;
text-shadow: 8px 8px 10px grey;
-webkit-text-stroke: white 0.2px;
animation: floating 5s alternate infinite linear;
}

#geocaching{
  position: fixed;
  left: 0.5vw;
  top: 0.2vh;
}

#datumCas{
  position: fixed;
  right: 0.51vw;
  top: 0.2vh;
}

#datumCas p{
  font-weight: 600;
}

#kontakt{
  position: fixed;
  right: 0.5vw;
  top: 8vh;
}

main{
  position: relative;
  display: inline-block;
 }

.mezera{
   margin-top: 11vh;
   width: 100%;
}
.galerie{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 98vw;
    padding-left: 20px;
}

main img{
  margin: 5px;
  padding: 5%;
  border: 2px solid blue;
  border-radius: 5px;
  width: 18vw;
}

main img:hover{
  box-shadow: 10px 10px 10px grey;
  background-color: beige;
}

.kamera{
  margin-bottom: 50px;
}

.kamera p{
  text-align: center;
  font-size: 40px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: 700;
}

.prehledVidea{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 98vw;
    padding-left: 20px;
}


.kamera video{
   border: 2px solid blue;
    border-radius: 10px;
    box-shadow: 2px 2px 10px grey;
    margin: 5px;
    padding: 1%;
    
}

.kamera video:hover{
  border: 1px solid black;
  border-radius: 10px;
  background-color: antiquewhite;
}



/* Keyframes */
@keyframes floating{
    0%{
        
        transform: translate(-30px);
        
    }
    100%{
        transform: translate(30px);
        
    }
}