body {
    width: 900px;
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

button {
    font-size: 1.5rem;
    color: rgb(7, 75, 99);
    width: 200px;
    margin: 10px;
}

table {
    text-align: center;
}

th, td {
    border: 1px solid rgb(118, 156, 148);
    padding: 5px;
}

a {
    text-decoration: none;
    color: red;
    font-weight: bolder;
}

img {
    height: 30px;
    width: 30px;
}

@keyframes changing {
    from {
        border-style: solid;
    }
    to {
        border-style: dotted;
        border-color: red;
    }
}

.remind {
    border-style: solid;
    animation-name: changing;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.green {
    background-color: rgb(106, 181, 118);
}