body {

    background: #00381a;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}

*{

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: padding-box;

}

form {

    width: 1000px;

    border: 3px solid rgb(177, 142, 142);

    background: rgba(1, 64, 43, 0.093);

    border-radius: 20px;

}

h2 {

    text-align: center;

    margin-bottom: 40px;

}

input {

    display: block;

    border: 2px solid #ccc;

    width: 95%;

    padding: 5px;

    margin: 5px auto;

    border-radius: 5px;

}

label {

    color:  #f6f2f2;

    font-size: 14px;

    padding: 10px;

    text-align: left;

}

button {

    float: right;

    background: rgb(202, 35, 35);

    padding: 10px 15px;

    color: #fff;

    border-radius: 5px;

    margin-right: 10px;

    border: none;

}

.error {

   background: #F2DEDE;

   color: #0c0101;

   padding: 10px;

   width: 95%;

   border-radius: 5px;

   margin: 20px auto;

}

div {
    text-align: left;
}

h1 {

    text-align: center;

    color: rgb(134, 3, 3);

}

h2 {

    text-align: center;

    color: rgb(255, 255, 255);

}

a {

    background: #00381a;

    padding: 10px 15px;

    color: #fff;

    border: none;

}

a:hover{

    opacity: .7;

}

table, th, td {
    border: 1px solid white;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    color: white;
}


.inlineCheckbox {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin-left: 5px;
    position: relative;
    width: 30px;
}

.inlineCheckbox::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.inlineCheckbox,
.inlineCheckbox::after {
    transition: all 100ms ease-out;
}

.inlineCheckbox::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.inlineCheckbox:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.inlineCheckbox:checked {
    background-color: #6e79d6;
}

.inlineCheckbox:checked::after {
    background-color: #fff;
    left: 13px;
}

.inlineCheckbox:checked:hover {
    background-color: #535db3;
}

.standAloneCheckbox {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin-left: 20px;
    position: relative;
    width: 30px;
}

.standAloneCheckbox::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.standAloneCheckbox,
.standAloneCheckbox::after {
    transition: all 100ms ease-out;
}

.standAloneCheckbox::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.standAloneCheckbox:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.standAloneCheckbox:checked {
    background-color: #6e79d6;
}

.standAloneCheckbox:checked::after {
    background-color: #fff;
    left: 13px;
}

.standAloneCheckbox:checked:hover {
    background-color: #535db3;
}