html, body{
    margin: 0;
    overflow: hidden;
    background: linear-gradient(rgb(22, 42, 95), rgb(27, 27, 27));
    position: relative;
    z-index: -10;
}

.snowflake{
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 450px;
    animation: myfirst 10s;
    z-index: -1;
}
@keyframes myfirst
{
    0%{
        transform: translate(0, 0);
      }
    100%{
        transform: translate(0px, 550px);
      }
}
.present-layout{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding: 10px 100px;
}
.tree{
    margin: 0 30px;
    z-index: 100;
    margin-top: 120px;
    filter: brightness(50%);
}

#present1, #present2, #present3, #present4{
    margin: 30px 30px;
    z-index: 100;
    filter: brightness(50%);
}

p {
    font-size: 50px;
    color: red;
    display: inline-block;
    margin: 0 30px;
    font-family: 'Dancing Script', cursive;
    text-shadow: 0 0 10px #e7eb21;
    display: none; 
}

.word {
    position: absolute;
    top: 200px;
    left: 480px;
    z-index: 200; 
}