body {

    font-family: Arial, sans-serif;

    line-height: 1.6;

    margin: 20px;

    padding: 0;

    color: #333;

}



form {

    margin-bottom: 0;

}



form textarea {

    width: 100%;

    max-width: 500px;

    min-width: 500px;

    min-height: 50px;

    margin-bottom: 10px;

    padding: 10px;

    border-color: #b9b9b9;

    margin-top: 10px;

}

.wrapper {

    width:800px;

    max-width: 100%;

    padding: 15px;

}

button, .check-btn {

    padding: 10px 20px;

    background-color: #007BFF;

    color: white;

    border: none;

    cursor: pointer;

    display: inline;

    font-size: 14px;

    height: 36px;

    transition: .3s;

}

.check-btn {

    background-color: green;

}

.check-btn:hover {

    opacity: .8;

}

button:hover {

    background-color: #0056b3;

}



table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 20px;

}



table, th, td {

    border: 1px solid black;

}



th, td {

    padding: 10px;

    text-align: center;

}



#timer {

    font-size: 18px;

    margin: 20px 0;

}

.error {
    display: block;
}