.main {
    width: 100%;
    background: var(--bg-color-primary);
    color: white;
    overflow-x: hidden;
    padding-top: 3.5rem;
}
.main .event-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 2rem;
        
}
.main .event-list .container-1 {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            max-width: 600px;
            border-radius: .5rem;
            background: var(--bg-color-secondary);
            
            overflow: hidden;
}
.main .event-list .container-1 img {
                width: 100%;
                aspect-ratio: 16/9;
                object-fit: cover;
            }

          .main .event-list .container-1 .body {
                display: grid;
                grid-template-rows: auto auto auto;
                margin: 0rem 1rem;
                
                justify-content: center;
                align-items: start;
                min-height: 100%;
          }
          .main .event-list .container-1 .body h3 {
                    margin: 0.5rem 0;
                }
                .main .event-list .container-1 .body p a{

                   
                        text-decoration: none;
                        color: rgb(10, 198, 255)
                    }
    
                    .main .event-list .container-1 .body p a:visited {
                        color: rgb(10, 198, 255);
                    }
                


              .main .event-list .container-1 .body .more-btn {
                    align-self: end;
                    justify-self: end;
                    text-align: center;
                    padding: 0.5rem 1rem;
                    margin: 1rem 0;
                    background-color: var(--accent-color);
                    cursor: pointer;
                    border-radius: .5rem;
                    text-decoration: none;
                    color: white;
                    transition: .3s cubic-bezier(.28,-0.03,0,.99);
                }

                .main .event-list .container-1 .body .more-btn:hover {
                    transform: translateY(-5px);
                    box-shadow: rgb(255, 0, 64) 0 0 10px;
                    background-color: #e7234e;
                }

                .main .event-list .container-1 .body .more-btn.disabled {
                    background: #646464;
                    cursor: default;
                }
            
                .main .event-list .container-1 .body .more-btn.disabled:hover {
                    transform: none;
                    box-shadow: none;
                    
                    
                }
          

                .main .event-list .container-1 .date {
                position: absolute;
                top: 3%;
                left: 3%;
                padding: 0.5rem;
                background: var(--bg-color-secondary) ;
                box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.226);
                border-radius: .5rem;
                
            }
        
        .main .event-list .container-1:nth-child(2) {
            animation-delay: .2s;
        }




@media (min-width:1000px) {
  .main .event-list {
        padding: 1rem;
        
  }
  .main .event-list .container-1 {
            flex-direction: row;
            max-width: 1200px;
  }
  .main .event-list .container-1 img {
                aspect-ratio: 3/2;
                height: 350px;
                max-width: 525px;
                margin-right: 0.5rem;
            }

          .main .event-list .container-1 .body {
                grid-template-rows: 17% 63% 20%;
                height: 350px;
            }

          .main .event-list .container-1 .date {
                left: 1%;
                top: 5%;
            }
        }


@media (min-width:1000px) and (min-height: 953px) {
    .main .event-list .container-1:nth-child(3) {
        animation-delay: .4s;
    }
}

footer {
    margin-top: 0;
}