html {
    background-color: rgb(27, 115, 64);
    /*background-image: url("/assets/img/erde_hell.svg");*/
    background-origin: padding-box;
    background-position-x: 120%;
    background-position-y: 20%;
    background-repeat: no-repeat;
    background-size: 120%;
}

h1 {
    color: white;
    font-size: 7vw;
    
}
@media (orientation: portrait) {
  h1 {
    font-size: 9vw;
  }  
}

.fff-profile-picture-generator--privacy-note {
    color: white;
}

#links > a {
    text-align:center; 
    color:white; 
    border-color:white; 
    border-width: 1px;
    transition: 0.3s;
}

#links > a:hover {
    border-color: rgb(29, 166, 74);
    transition: 0.3s;
}



#sharing_buttons {
    text-align: center;
    color: white;
}

#sharing_buttons > h2 {
    font-size: 4vw;
}

@media (orientation: portrait) {
    #sharing_buttons > h2 {
        font-size: 7vw;
    } 
  }

.buttons {
    display: flex;
    justify-content: center;
}

.button > a > img{
    height: 100px;
    width: 100px;
    margin: 10px;
   
}

@media (orientation: portrait) {
    .button > a > img{
        height: 20vw;
        width: 30vw;
        margin: 1vw;
       
    }
  }