body {
        font-family: verdana;
        font-size: 14px;
        width: 100% - 60px;
        margin: 0 auto;
        padding: 30px;
        background-color: #222222;
        color: #EFEFEF;
        align-items: center;
}

h1 {
        color: #EFEFEF;
        font-size: 26px;
        border-bottom: 1px solid #EFEFEF;
}

h2 {
        font-size: 20px;
}

a {
        color: #EFEFEF;
        text-decoration: none;
}

.admin {
        color: #CC0000;
}

.admin a {
        color: #CC0000;
}

footer {
        font-size: 11px;
        text-align: center;
        padding-top: 20px;
}

article {
        
}

nav ul {
        list-style-type: none;
}

nav li {
        float: left;
        margin-right: 15px;
}

nav .admin a{
        background-color: #800000;
        color: #EFEFEF;
}

nav .admin a:hover{
        background-color: #600000;
}

nav a {
        background: #444444;
        color: white;
        padding: 5px 10px;
        border-radius: 10px;
        text-decoration: none;
        border: none;
        cursor: pointer;
}

nav a:hover {
        background: #333333;
        color: #EEEEEE;
        text-decoration: none;
}

input {
        width: 200px;
        height: 20px;
        border: 1px solid #333333;
        background-color: #EFEFEF;
        color: #000000;
        margin: 2px;
}

.error {
        padding: 5px;
        border: 1px solid #900000;
        background-color: #800000;
        margin: 5px;
        width: 500px;
}

.success {
       padding: 5px;
        border: 1px solid #009000;
        background-color: #008000;
        margin: 5px;
        width: 500px; 
}