body, html {
  height: 100%;
  margin: 0;
  background: 
      url('Layerd.png') top center / cover no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}
/*C1,2,3= schriftarten*/
  .c1 {
    font-family: "Potta One", system-ui;
    font-weight: 400;   
    font-style: normal;
  }
  .c2 {
    font-family: "Knewave", system-ui;
    font-weight: 400; 
    font-style: normal;
    width: 30%;
  }
  .c3 {
    float: right;
    padding: 0%;
    width: 60%;
  }
*{
    color: #f5f1ff;
}  
table ,th ,td, tr    {
    color: rgb(164, 213, 255)  ;
    border: 1px solid;
    border-radius: 5%;
    width: 60%;
    left: 100%
  }
.blau{
    color: blue;
}
.tabelle{
    float: right;
    padding: 0%;
    width: 60%;

}

nav {
    width: 40%;
    position: fixed;

}
#steckbrief {
  float:  right;
  border: 1px solid;
  border-radius: 5%;
}
.xdefiant{
  border: #f5f1ff;
  float: right;
  border-radius: 20%;
  width: 15%;
}
.valorantp{
  border-width: 10%;
  border: #f5f1ff;
  border-radius: 20%;
  float: right ;
  padding: 0%;
  width: 25%;
  
}
.videospielliste{
float: right;
padding: auto;
width: 60%;
}
.ziel{
  border: #f5f1ff;
  border-radius: 20%;
  float: right;
  padding: 0%;
  width: 50%;
}
.socialtitle {
  font-family: "Potta One", system-ui;
  font-weight: 400;   
  font-style: normal;
  margin-left: 480px;
  }
.socialliste {
  width: 60%;
  margin-left: 300px;
}
.wohnorttitle {
  font-family: "Potta One", system-ui;
  font-weight: 400;   
  font-style: normal;
  margin-left:850px;
  margin-top: 100px;
}
.wohnorttext {
  font-family: "Potta One", system-ui;
  font-weight: 400;   
  font-style: normal;
  margin-left:770px;
  margin-top: 100px;
}
.wohnortins {
  font-family: "Potta One", system-ui;
  font-weight: 40000;   
  font-style: normal;
  margin-left:900px;

}
.bildins2 {
  border-width: 10%;
  border: #f5f1ff;
  border-radius: 20%;
  margin-left: 650px;
  width: 45%;
}
.textins {
  border-width: 10%;
  border: #f5f1ff;
  border-radius: 20%;
  font-family: "Potta One", system-ui;
  font-weight: 400;   
  font-style: normal;
  margin-left: 40%; ;
  width: 60;
}
.navho {
  margin-top: -40px;
}
.navlus {
  margin-top: -40px;
}
.navleb {
  margin-bottom:40px;
  margin-top: -20px;
  font-family: "Knewave", system-ui;
  font-weight: 400; 
  font-style: normal;
  width: 30%;
}
.tradtitle {
  font-family: "Potta One", system-ui;
  font-weight: 400;   
  font-style: normal;
  margin-left: 820px;
  margin-top: -140px;
  }
  .Jassen_bild1{
    border: #f5f1ff;
    border-radius: 10%;
    padding: 0%;
    width: 10%;
    margin-left: 520px;
    }
    .Jassen_bild2{
      border: #f5f1ff;
      border-radius: 10%;
      padding: 0%;
      width: 10%;

   }
   .textjassen {
    border-width: 10%;
    border: #f5f1ff;
    border-radius: 20%;
    font-family: "Potta One", system-ui;
    font-weight: 400;   
    font-style: normal;
    margin-left: 35%; ; 
    width: 55%;
  }
  .title_home {
    font-family: "Potta One", system-ui;
    font-weight: 300;   
    font-style: normal;
    width: 60%;
    margin-left: 480px;
    margin-top: -50px;
  }
  .c2titlenavSMuW{
    font-family: "Knewave", system-ui;
    font-weight: 400; 
    font-style: normal;
    width: 30%;
    margin-top: -80px  ;
    position: fixed;
  }