* {
    text-align: center;
}
nav, body, footer{
    background-color: #F7F6F3;
}
p, li, .home-p, .form-label{
    font-family: "Quicksand", sans-serif;
    color: #4A4A4A;
}

/* headers */
h1 {
    margin: 50px 90px;
    color: #3B6FBF;
    font-family: "Oswald", sans-serif;
}
h2, strong, .ref-link, .ref-pg{
    color: #3B6FBF;
    font-family: "Oswald", sans-serif;
}

.detail-header, .home-header {
    margin-bottom: 0px;
}
.fa-magnifying-glass, .navbar-toggler {
    color: #5C8FD6 !important;
}
/* CTAs */
.home-btn {
    text-decoration: none;
    border-radius: 3px;
    padding: 9px;
    margin: 0% 3%;
}
.nav-link, .home-btn{
    background-color: #3B6FBF;
    color: #DFF3EE;
    border-radius: 3px;
    margin: 5px;
}
/* mouse over link */
.nav-link:hover, .home-btn:hover {
  background-color: #DFF3EE;
  color: #4A4A4A;
}

/* selected link */
.home-btn:active {
  background-color: #1F7A62;
}

/* home pg */
header{
    background-image: url(images/image\ 25.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 10%;
}
.why-learn{
    margin-top: 10%;
}
.what-learn, .visual-break {
    width: 70%;
    margin: 10%;
}

@media (min-width: 992px) {
    .navbar-brand {
        width: 100;
    }
    .what-learn {
        width: 30%;
    }
    #carouselExampleDark {
        width: 50%;
    }
}
img{
    max-width: 100%;
    height: auto;
}

/* home pg carousel */
#carouselExampleDark {
    width: 90%;
}

/* home pg p */
h1, .extra{
    text-shadow: 2px 2px 2px #000000;
}
.home-desc{
    font-family: "Quicksand", sans-serif;
    color: #DFF3EE;
}
.home-p {
    margin: 3% 10% 5%;
}

/* deets & ref pgs li */
@media (min-width: 576px) {

    li .details-pg,
    .ref-pg,
    .ref-p {
        text-align: left !important;
    }
}

/* details pg try it yourself sec */
.try-it {
    margin-top: 3%;
}

/* chatbot styles  */
/* #chtl-chat-icon-container{
    position: absolute !important;
    top: 1650px !important;
    left: 190px !important;

    
} */
iframe[src*="chatling"] {
    bottom: 0 !important;
    left: 0% !important;

}

#chtl-open-chat-icon>div {
    padding: 1rem 5rem;
    border-radius: 3px !important;
}

/* try it styling
CSS:*/
iframe {
    border: solid 1px;
}

textarea {
    padding: 50px;
    border: solid 1px;
}

#code-editor {
    width: 100%;
    height: 300px;
}

#result {
    width: 100%;
    height: 300px;
    border: 1px solid #000000;
}

/* main */
.home-main {
    margin-bottom: 10rem !important;
}

/* footer */
footer {
    margin-top: 100px;
}

@media (min-width: 576px) {
    .f-go-to {
        display: rows;

    }
}

/* footer links */
.f-go-to {
    display: inline-block;
    margin: 3%;
}

@media (max-width: 576px) {
    .footer-links {
        margin-top: 16px !important;
    }
}