/* global styles start */
:root{
    --white-color: #fff;
    --yellow-color: #d6db25;
    --red-color: #a42857;
    --english-font-family: "Arboria-Book";
}
body{
    font-family: var(--english-font-family);
    color: var(--white-color);
    background-image: url('../images/background.png');
    background-size: cover;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1000px;
    }
}
main section{
    padding-bottom: 3.5rem;
}
.form-control{
    font-size: 1rem;
    margin: 0;
    max-width: 24rem;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
    border-color: var(--white-color);
    caret-color: var(--white-color);
    color: var(--yellow-color);
}
.btn{
    color: var(--red-color);
    background-color: var(--yellow-color);
    line-height: 1;
}
.btn:hover{
    background-color: var(--yellow-color);
}
textarea{
    min-width: 100%;
}
p{
    font-size: 1rem;
    text-align: justify;
}
.text-normal{
    font-size: 1.2rem;
}
.text-lg{
    font-size: 1.6rem;
    font-weight: bolder;
}
.text-xl{
    font-size: 2rem;
    font-weight: bolder;
}
.text-2xl{
    font-size: 2.5rem;
    font-weight: bolder;
}
.text-yellow{
    color: var(--yellow-color);
}

.content p::before{
    content: url('../images/icon-before-text.png');
    margin-left: 0.7rem;
}
.logo-white{
    filter: brightness(0) invert(1);
    width: 10rem;
}
/* global styles end */

/* start header */
header .navbar-nav .nav-link{
    color: var(--white-color);
}
header .navbar-nav .nav-link.active{
    color: var(--red-color);
    background-color: var(--yellow-color);
    line-height: 1;
    border-radius: 0.375rem;
}
header .offcanvas{
    background-color: black;
}
/* end header */