* {
margin: 0;
padding: 0; 
}

html {    
width: 100%;
height: 100%;
box-sizing: border-box;
}

body {
font-family: 'Lobster', cursive;
background: #000;
overflow:hidden;
width: 100%;
height: 100%;
box-sizing: border-box;
}

#stranka {
width: 100%;
text-align: center;
padding: 5% 0 0 0;
box-sizing: border-box;
}

#armstrong {
width: 100%;
height: 20vh;
position: absolute;
overflow: hidden;
bottom: 0;
left: 0;
z-index: 10;
}

#armstrong img {
width: 100%;
height: 100%;
object-fit: cover;
}

#armstrong img{
width: 100%;
}

h1 {
display: none;
z-index: 10;
}

#napisy {
position:relative;
padding-top: 15vh;
box-sizing: border-box;
}

h2 {
color: #ddd;
font-size: 10vh;
z-index: 10;
}

h3 {
color: #ddd;
font-size: 7vh;
z-index: 10;
}

.stars, .twinkling, .clouds {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
box-sizing: border-box;
}

.stars {
background:#000 url(../img/l/hvezdy.png) repeat top center;
z-index:-3;
}

.twinkling{
background:transparent url(../img/l/mzeni.png) repeat top center;
z-index:-2;

  -moz-animation:move-twink-back 300s linear infinite;
  -ms-animation:move-twink-back 300s linear infinite;
  -o-animation:move-twink-back 300s linear infinite;
  -webkit-animation:move-twink-back 300s linear infinite;
  animation:move-twink-back 300s linear infinite;
}

.clouds{
background:transparent url(../img/l/mraky.png) repeat top center;
z-index:-1;
opacity: .65;

  -moz-animation:move-clouds-back 300s linear infinite;
  -ms-animation:move-clouds-back 300s linear infinite;
  -o-animation:move-clouds-back 300s linear infinite;
  -webkit-animation:move-clouds-back 300s linear infinite;
  animation:move-clouds-back 300s linear infinite;
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}