body, html {
  margin-left: 10%;
  width: 80%;
  margin-right: 5%;
  align-content: center;
  box-align: center;
  alignment-baseline: center;
  text-align: center;
  font-family: roboto; /*Hier könntest du die Schriftart ändern*/
  align-items: center;
  background-color: white;
  background-image: url("img/bgtest.png");
  background-position: top;
  background-repeat: no-repeat;
  font-size: 120%;
  cursor: url('icons/iconp.png') 0 0, auto;
  font-family: Roboto-Black;
}



  @font-face {
      font-family: 'Roboto-Black';
      src:url(Roboto-Black.ttf);     
  }

  @font-face {
      font-family: 'EmojiFont';
      src:url(EmojiFont.ttf);     
  }

h1{
text-align: center;
color: blue;
font-size: 3em;
letter-spacing: 0.1em;
outline : none;
border: none;
font-family: Roboto-Black;

}

h2{
text-align:  enter;
color: blue;
font-size: 1.6em;
letter-spacing: 0.1em;
outline : none;
font-family: Roboto-Black;
border: none;
}

h3{
text-align: center;
color: blue;
font-size: 1em;
font-family: Roboto-Black;
letter-spacing: 0.1em;
outline: none; 
border: none;

}

h4{
text-align: center;
color: blue;
font-size: 1.6em;
letter-spacing: 0.1em;
outline: none; 
font-family: Roboto-Black;
border: none;
color: blueviolet;

}

p{
text-align: center;

color: blue;
font-size: 1em;
letter-spacing: 0.1em;
font-family: Roboto-Black;
  font-style: normal;
}

a{
  text-decoration: underline;
font-family: Roboto-Black;
/////color: blueviolet;
}