body{
    padding: 0;
    margin: 0;
}

#container{
    background-color:#212228;
    background-image: linear-gradient(#292a30 .1em, transparent .1em), /* vertical lines */
                      linear-gradient(90deg, #292a30 .1em, transparent .1em); /*horizontal lines (90 degrees)*/
    background-size: 4em 4em;
    height: 100vh;

    /* Use flexbox to center once */
    display: flex;
    align-items: center;
    justify-content: center;
}


#card{
    width: 200px;
    height: 200px;
    background-color: #AFDA9F;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    font-family: Arial, sans-serif;
    padding: 10px;
    outline: 1px solid #000;
    overflow: auto; /* Adds scrollbar if text overflows */
}