* {
    box-sizing: border-box;
}

html {
    background-color: rgb(69, 70, 62);
    color: rgb(218, 204, 85);
}

#centerdiv {
    max-width: fit-content;
    margin: auto;
    text-align: center;
}

#title,
#subtitle,
#searchbutton {
    font-family: Arial, Helvetica, sans-serif;
}

#title {
    margin-bottom: 1rem;
    font-style: italic;
}

#subtitle {
    margin-top: 0;
    margin-bottom: 4rem;
}

#searchform,
#searchbutton {
    width: 100%;
    padding: 0.5rem;
    background-color: rgb(69, 70, 62);
    color: #F2BB85;
    border-color: #F2BB85;
    border-style: inset;
}

#searchform {
    font-family: 'Courier New', Courier, monospace;
    color: rgb(218, 204, 85);
}

#searchbutton {
    margin-top: 1rem;
    font-size: large;
    font-weight: bold;
}

#searchbutton:hover,
#searchform:focus {
    border-color: #FFDFBF;
    outline-style: none;
}

#languagebutton:hover {
    color: #FFDFBF;
}

#languagebutton {
    background: none;
    border: none;
    color: rgb(218, 204, 85);
    text-decoration: underline;
}

#titletable {
    width: 100%;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}