body    {
    font-family: 'Courier New', Courier, monospace;
    width: 70%;

  background: radial-gradient(closest-side, rgb(98, 5, 28), rgb(255, 187, 0) 33%, rgb(255, 255, 255));

}

.titel{
    font-size: 37vw;
    width: 100vw;
    position: center;
      letter-spacing: -0.3em;
    color: rgba(255, 248, 49, 0);
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color:rgb(98, 5, 28);
   background-size: 200%;
   background-position: center;
     background: radial-gradient(closest-side, rgb(98, 5, 28), rgb(255, 187, 0) 33%, rgb(255, 255, 255));
    -webkit-background-clip: text;
            background-clip: text;
  
}   


summary {
    display: flex;
}

p{ margin: 0; 
}
p + p{ margin-top: 4em; }

h3 {
    font-size: 2em;
    margin: 0;
    padding: 0;
    color: rgb(98, 5, 28);
    cursor: pointer;
}

h3:hover {
    background-color: rgb(255, 187, 0);
    transition: 0.3s ease-in-out;
    font-size: 3em;
    
        border-radius: 0%;
    
    
}


::details-content[open] {
    animation: fadeIn 0.5s ease-in-out;
    
}

.float{
    
    border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    float: left;
    width: 5em; height: 10em;    
    background: white;
}
.float-right{
    shape-outside: circle(50%);
    border-radius: 50%;
    width: 10em;
    float: right; 
}

img {
    mix-blend-mode: multiply;
}

img:hover {
  mix-blend-mode: normal;
}