*
{
    padding: 0px;
    margin: 0px;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 18px;
}

body
{
    background-color: #303030;
}

/* 
--------------------------------------------------------------------------------
Navbar
--------------------------------------------------------------------------------
*/

nav
{
    background-color: #602020;
    color: #FFFFFF;
    margin-bottom: 10px;
}

nav a
{
    color: #FFFFFF !important;
}

nav a:hover
{
    color: #CCCCCC !important;
}

nav button
{
    border-color: #FFFFFF !important;
}

nav button:hover
{
    background-color: #802525 !important;
}

nav button:focus
{
    background-color: #802525 !important;
}

nav .navbar-toggler-icon
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar-brand
{
    font-size: 26px;
}

@media(max-width: 500px) 
{
    .navbar-brand
    {
        font-size: 22px;
    }
}

@media(max-width: 400px) 
{
    .navbar-brand
    {
        font-size: 18px;
    }
}

/* 
--------------------------------------------------------------------------------
Main
--------------------------------------------------------------------------------
*/

main
{
    padding: 0px !important;
}

main button
{
    color: #FFFFFF;
    
    padding: 10px;
    
    background-color: #602020;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    
    box-sizing: border-box;
}

main button:hover
{
    background-color: #801010;
}

main button:focus
{
    background-color: #801010;
}