/* stránka */
html, body{
    margin:0;
    padding:0;
    height:100%;
    font-family:Arial, sans-serif;
}

/* horní menu */
nav{
    background:rgba(0,0,0,0.75);
    width:100%;
}

/* hlavní seznam */
nav ul{
    margin:0;
    padding:0 30px;
    list-style:none;
    display:flex;
    align-items:center;
}

/* položky */
nav ul li{
    position:relative;
}

/* odkazy */
nav ul li a{
    display:block;
    padding:20px 25px;
    color:white;
    text-decoration:none;
    font-weight:bold;
}

/* hover efekt */
nav ul li a:hover{
    background:darkred;
}

/* rozbalovací menu */
nav ul li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:rgba(0,0,0,0.9);
    min-width:220px;
    padding:0;
    list-style:none;
    flex-direction:column;
}

/* odkazy v podmenu */
nav ul li ul li a{
    padding:15px;
}

/* zobrazení podmenu */
nav ul li:hover ul{
    display:flex;
}

/* hlavní text */
.hero{
    text-align:center;
    color:white;
    margin-top:180px;
}

.hero h1{
    font-size:70px;
    margin:0;
}

.hero h2{
    font-size:32px;
    letter-spacing:6px;
}
footer{
background-color: black;
color: white;
text-align: center;

}