body {
      
       position: relative; /* oder besser: relative, falls kein zwingender Grund für absolute */
    width: 100%;
    height: 100vh; /* Höhe des Viewports */
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          font-family: 'Lakki Reddy';
          color: white;
          text-align: center;
      }
    
  #txtb {
        position: static;
        width: 90%;
        margin: auto;
      	border-width: medium;
      	border-color: withe;
      	border-style: solid;
      	  border-radius: 5mm;
        z-index: 1;
      }
      
        #txtb2 {
         width: 95%;
  margin: auto;
  outline: medium solid transparent;
  border: none;
  z-index: 1;
      }
    

  #canvas {
        position: fixed;
         left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
      }

  .underline {
    border-bottom: 2px solid white;
  }


a {   color: inherit;
   text-decoration: underline;
}

 a:hover {
   color: red
}




nav ul li a{
  text-decoration: none;
 }

nav ul li {
  list-style-type: none;
}

nav ul {
  display: flex;
  justify-content: space-evenly;
  text-align:left;
 }

nav ul li{
  flex-basis: 10%;
}

nav > ul > li > ul {
  display: none;
}

nav > ul > li:hover > ul {
  display: block;
  position: absolute;
  padding: 0;
  background-color: black;
}