*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

:root {
    /* Colors */
    --white-color: #fff;
    --white-color-transparent: rgb(255, 255, 255, .7);
    --black-color: rgb(20, 19, 19);
    --blue-color: rgb(2, 56, 164);
    --lightblue-color: rgb(16, 80, 209);
    --blue-color-transparent: rgba(2, 56, 164, .5);
    --silver-color: #e6e6e6;
    --lightsilver-color: #acaaaa;
    --grey-color: #444444;
    --lightgrey-color: #666565;
    --red-color: #ca0707;
    --lightred-color: #c93232;
    --golden-color: rgb(239, 205, 0);
    --lightgolden-color: rgb(235, 207, 52);
    --green-color: #00bd09;
    --lightgreen-color: #3ecc45;
    --orange-color: rgb(224, 126, 1);
    --lightorange-color: rgb(241, 154, 40);
}

/*
==========
Styles for text in page.
==========
*/

.title__one{
    font-weight: bold;
    font-size: 3em;
    margin: 0;
    padding: 0;
}

.title__two{
    font-weight: bold;
    font-size: 2em;
    margin: 0;
    padding: 0;
}

.title__three{
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.title__four{
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.normal{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.bolder{
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

/*
==========
Styles for buttons.
==========
*/

.button__golden{
    background-color: var(--golden-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    transition: all ease-in-out .3s;
}

.button__golden:hover{
    background-color: var(--lightgolden-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.button__orange{
    background-color: var(--orange-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    transition: all ease-in-out .3s;
}

.button__orange:hover{
    background-color: var(--lightorange-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.button__green{
    background-color: var(--green-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    transition: all ease-in-out .3s;
}

.button__green:hover{
    background-color: var(--lightgreen-color);
    color: var(--white-color);
    border: none;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}