html{
    overflow-x: hidden;
    text-rendering: optimizelegibility !important;
}
body {
    font-family: var(--font-family-sans-serif);
    font-size: 14px;
    font-weight: 400;
    background-color: #EDEDED;
    color: #262728;
}
.banner{
    height: 10%;
    width: 85%;
}
/* font sizes */
.text-sm{
    font-size: 0.75rem;
}
.text-norm{
    font-size: 1rem;
}
.text-lg{
    font-size: 2rem;
}
/* container sizes */
.max-width-sm{
    max-width: 150px;
}
.max-width-md{
    max-width: 300px;
}
.max-width-lg{
    max-width: 600px;
}
/* bootstrap edits */
.btn-sm{
    box-sizing: content-box;
    height: 25px;
}
.bg-warning{
    background-color: #FED454 !important;
}
.container{
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-sizing: content-box;
    max-width: 750px;
    padding: 5vh 3vw;
}
.navbar{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.navbar-brand{
    height: 3rem;
}