@import url('https://fonts.googleapis.com/css2?family=Freeman&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
}

/*
 * Base structure
 */

.cover-container {
    max-width: 42em;
}

/*
 * Header
 */

.nav-masthead .nav-link {
    color: rgba(0, 0, 0, .90);
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(0, 0, 0, .5);
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #000;
    border-bottom-color: #fff;
}

/*
* Main
*/

main {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/*
 * Typography
 */

p, label {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
}

a {
    text-decoration: none;
}

.logo a {
    color: inherit;
}

.bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
}

.italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
}

h1, h2, h3, .sanserif {
    font-family: "Freeman", sans-serif;
    font-style: normal;
}

.logo {
    font-family: "Bebas Neue", system-ui;
    font-weight: 400;
    font-style: normal;
}

.footer-content, .footer-content a {
    font-family: "Freeman", sans-serif;
    font-style: normal;  
    color: #ccc;
}

.text-left {
    text-align: left !Important;
}

.result {
    font-family: "Bebas Neue", system-ui;
    font-size: 7em;
    line-height: 1em;
}

.minimize {
    color: #ccc;
    letter-spacing: -3px;
}

.red {
    color: #f66;
}

.yellow {
    color: #fcd55f;
}

.blue {
    color: #007bff;
}

.green {
    color: #48bb78;
}

/*
* Forms
*/

form input { 
    margin-bottom:10px; 
}