.home{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4)), url("birthday3.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 80vh;
    }
    
    section{
    height:100vh;
    }
    h1{
    position: absolute;
    top:45%;
    left:18%;
    color:#ddd;
    font-size: 4em;
    letter-spacing: 0.1em;
    }
    h1 span{
    opacity: 0;
    display: inline-block;
    animation: animate 1s linear forwards;
    }
    @keyframes animate{
    0%{
    opacity:0;
    transform: rotateY(90deg);
    filter:blur(10px);
    }
    100%{
    opacity: 1;
    transform: rotateY(0deg);
    filter:blur(0px);
    }
    }

    .space{
        margin-top: 70px;
    }
    .space1{
        margin-top: 4px;
    }


    .accordion li{
        list-style:none;
        width: 100%;
        margin-top: 25px;
        padding-top:10px;
        border-radius:8px;
        background: #e3edf7;
        box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
                    -6px -6px 10px -1px rgba(255,255,255,0.7);
    }
    .accordion li label{
       display:flex;
       align-items: center;
       padding:10px;
       font-size:18px;
       font-weight: 500;
       cursor: pointer; 
    }
    label::before{
        content: '+';
        margin-right: 10px;
        font-size: 24px;
        font-weight: 600;
    }
    input[type="radio"]{
        display: none;
    }
    .accordion .content{
        color:#555;
        padding:0 10px;
        line-height:26px;
        max-height: 0;
        overflow: hidden;
        transition:max-height 0.5s, padding 0.5s;
    }
    .accordion input[type="radio"]:checked + label + .content{
        max-height: 500px;
        padding:10px 10px 20px;

    }
    .accordion input[type="radio"]:checked + label::before{
        content:'-';
    }

    .img1{
        border-radius: 1.5rem;
    }
    .img2{
        border-radius: 1.5rem;
    }