@font-face{
    font-family: "Klarheit Grotesk";
    src:url(klarheitgrotesk.ttf);
}
@font-face{
    font-family: "Stop";
    src:url(stop.ttf);
}


h1{ 
    color: #b07800; 
    font-family: Stop;
    font-size: 504%;
    border: solid;
    border-block-color: #b07800; 
}
.des {
    padding-top: 6%;
   width: 140%;
}

.bg{
    font-size: 100%;
    color: #1469e0;
    opacity: 29%;
    position:absolute;
    top: 10%;
}

.hintergrund.png{
    position:absolute;
    
}
h2 {
    font-family: Stop;
    font-size: 250%;
    color:#b07800
}

body {
    background: linear-gradient(#000, #010b1c);
    color: #1469e0;
    font-family: Klarheit Grotesk;
    max-width:600px;
    margin-left: 10%;
    margin-right: 10%;
}
.chara {
    position: absolute;
}

.redsword {
    position: absolute;
}

.poster {
    position: absolute;
}

img
{
    padding-bottom: 20px;
}

img,iframe {
  float: left;
  max-width: 900px;
  padding-right: 25px;    
}

.audiodes{
    display: flex;
    width: 150%;
}
audio {
   
}
.next{
    margin-top: 80%;
    color: #b07800;
}