* {
    box-sizing: border-box;
    margin: 0;
}


html{
    background-color: #15362e;
    padding-right: 500px;
}

h1{
    color: white;
}

svg{
    transform-origin: 50%;
  }

#leaf{
    animation: sway1 10s infinite;
    transform-origin: 50% 100% 0;
    transform-origin: 50%;

    /* width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-right: 140px; */
}

@keyframes sway1 {
    0%, 100%{ transform: rotate(90deg);}
    50%{ transform: rotate(3deg); }
}

/* main{
    display: flex;
    justify-content: center;
} */

#container1{
    width: 500px;
    
}

#container2{
    width: 350px;

}

#container3{
    width: 250px;
    padding-left: 50px;
}

main{
    display: flex;
    justify-content: center;
}


/* #container{
    display: flex;
    justify-content: center;
} */