:root {
    --color1: #2f88ce;
    --color2: #28cb8d;
    --color3: #242424;
}

img{
    max-width: 100%;
}

*{
    font-family: 'Source Sans Pro', sans-serif;
}

.word_of_day{
    font-weight: 900;
    color: var(--color1);
}
.f_pron{
    font-weight: 700;
    color: var(--color2);
}

h2 .word_of_day{
    font-size: 30px;
}
h2 .f_pron{
    font-size: 20px;
}

.frase{
    font-weight: 700;
    color: var(--color1);
}

#table_word tr td:first-child{
    color: var(--color1);
}

.f_flag{
    max-width: 45px;
    max-height: 45px;
    margin-right: 5px;
}

.btn-home{
    display: inline-block;
    float: left;
    position: relative;
}

.btn-frequenty{
    background: var(--color2);
    border-bottom: 3px solid #2aa76e!important;
    border: 0;
    width: 100%;
    border-radius: 4px;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
    margin: 0 auto;
}
.btn-frequenty:hover{
    background-color: #24b77f;
    color: #ffffff;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: #effbff;
}

.f_cap{
    border-bottom: 3px solid var(--color3);
    color: var(--color3);
}
.f_cap h2{
    font-weight: 900;
}

.navbar-light .navbar-nav .nav-link{
    color: white;
}

footer{
    background-color: var(--color3);
    color: white;
}

.bt-nxt{
    font-weight: 700;
    text-decoration: underline;
}