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

body{

    font-family:'Poppins',sans-serif;

    background:#081321;

    overflow:hidden;

    color:white;

}

.night{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

    background:linear-gradient(to bottom,#081321,#020617);

}

.stars{

    position:absolute;

    width:100%;

    height:100%;

    background-image:radial-gradient(white 1px,transparent 1px);

    background-size:70px 70px;

    opacity:.35;

}

.moon{

    position:absolute;

    width:130px;

    height:130px;

    right:90px;

    top:70px;

    border-radius:50%;

    background:#fff6d5;

    box-shadow:

    0 0 40px rgba(255,255,255,.4),

    0 0 80px rgba(255,255,255,.3);

}

.container{

    position:relative;

    z-index:10;

    height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.tree{

    position:relative;

    margin-bottom:90px;

}

.branch{

    width:900px;

    height:18px;

    background:#6b4226;

    border-radius:20px;

}

.panda{

    width:400px;

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:-15px;

    animation:sleep 4s ease-in-out infinite;

}

.board{

    position:relative;

    animation:swing 4s ease-in-out infinite;

}

.rope{

    position:absolute;

    width:4px;

    height:70px;

    background:#d8c5a1;

    top:-70px;

}

.left{

    left:60px;

}

.right{

    right:60px;

}

.sign{

    background:#8b5e3c;

    padding:35px 80px;

    border-radius:12px;

    text-align:center;

    box-shadow:0 20px 40px rgba(0,0,0,.4);

}

.sign h1{

    font-size:56px;

    margin-bottom:20px;

}

.sign p{

    font-size:22px;

    margin:10px 0;

}

.contact{

    margin-top:50px;

    font-size:24px;

    color:#d1d5db;

}

@keyframes swing{

0%{

transform:rotate(2deg);

}

50%{

transform:rotate(-2deg);

}

100%{

transform:rotate(2deg);

}

}

@keyframes sleep{

0%{

transform:translateX(-50%) translateY(0);

}

50%{

transform:translateX(-50%) translateY(8px);

}

100%{

transform:translateX(-50%) translateY(0);

}

}