header {

    border: 5px solid whitesmoke;
    width:50%;
    height:auto;
 
}
#header{
    text-align: center;
    color: white;
    font-family: fantasy;
    outline-color: white;
    font-stretch: expanded;
 
    text-shadow: 2px 2px 30px blue, 5px 3px 15px white, 5px 5px 10px yellowgreen;
}

#vstbild{

    position: absolute;
    left:5%;
    top:50%;

}
#hgbild{

    position: absolute;
    right:20%;
    top:50%;

}
#citat{
    text-align: center;
    color: white;
    font-family: fantasy;
    outline-color: white;
    font-stretch: expanded;
 
    text-shadow: 2px 2px 30px blue, 5px 3px 15px white, 5px 



}
#citatdiv{

    border: 5px solid whitesmoke;
   
    border-radius: 50%;
    height:92px;
    width:1380px;
    position:relative;
    top:5%;
    

    display:inline-block;
}

#knappdiv{

margin: 10%;


}
body {
    background-color: black;
  
    display:flex;
    height:100vh;
    position:relative;
    flex-direction:column;  
    align-items:center;
    margin:0;
   
    
}

#citatknapp{

    font-size: 40px;
}


button{

    box-shadow:5px 5px 20px white;
    
}