body {
    font-family: Helvetica, Arial, sans-serif;
    background: white;
    color: #333333;
    transition: 0.3s;
}

body.darkmode {
    background: #121212;
    color: azure;
}

h1, h2, h3 {
    text-align: right;
    border-bottom: solid thin #1793D1;
    color: #1793D1;
}

table, th, td {
    border: thin solid black;
    border-collapse: collapse;
}

.darkmode table, .darkmode th, .darkmode td {
    border: thin solid white;
    border-collapse: collapse;
}

th, td {
    padding: 5px;
    text-align: center;
}

a {
    text-decoration: none;
    color: blue;
}

a:hover {
    text-decoration: underline;
    color: cadetblue;
}

ol {
    list-style-type:decimal;
}

ul {
    list-style-type: circle;
}

li {
    color: #1793D1;
}

.zntr {
    text-align: center;
}

.r {
    text-align: right;
}

.width {
    width: 10%;
}

.lib {
    color: #333333;
}

.darkmode .lib {
    color: white;
}

button {
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 10px;
}