/* css styles */
.profile-pic {
    border-radius: 50%;
}

:root {
    --quarto-dark-code-bg: #444242; /* Background color variable */
    --quarto-light-code-bg: #ece5e5;
}

@media (max-width: 600px){
.profile-pic {
    display: flex;
}
} 

@media (min-width: 600px){
    .profile-header .quarto-layout-row{
        flex-direction: row; text-align: left;
    }
    .formkit-form .formkit-fields {
        flex-direction: row!important;
    }
}

.profile-pic {
    border-radius: 50%;
}

.acknowledgments {
    font-size: 0.85em !important;
    opacity: 0.75;
}

.profile-pic2 {
    border-radius: 50%;
}

.quarto-dark .navbar-dark{
    background-color: #1b1b1d;
}

.quarto-dark .ex{
    color:#d4d0ab;
    font-weight: normal;    
}

.quarto-dark code span.co{
    color:#d1b4e0;
    font-weight: normal;
}

.quarto-dark code:not(.sourceCode), li code:not(.sourceCode), td code:not(.sourceCode) {
    background-color: #444242!important;
}

.quarto-light code:not(.sourceCode), li code:not(.sourceCode), td code:not(.sourceCode) {
    background-color: #f6f1f1!important;
}

.quarto-dark code{
    color:#e3b27d;
    background-color: var(--quarto-dark-code-bg);
}

.quarto-light code{
    color:#382814;
    background-color: var(--quarto-light-code-bg);
}

.quarto-dark .sourceCode{
    background-color: var(--quarto-dark-code-bg);
}

.quarto-dark .cell-output {
    margin-left: 20px;
    border-left: 2px solid #a59595;
    background-color: var(--quarto-dark-code-bg);
}

.quarto-light .cell-output {
    margin-left: 20px;
    border-left: 2px solid salmon;
}

.quarto-dark blockquote p {
    color: rgb(219, 204, 204);
    background-color: #2d2f36;
}

/* .quarto-light .cell-output {
    background-color: rgb(246, 234, 220)!important;
    border-left: 2px solid salmon;
    margin-left: 10px;
    code {
        background-color: #ece9e7!important;
    }

}

.quarto-light .content code {
    background-color: #ebe8e5!important;
} */

/* .quarto-light .sourceCode{
        background-color: #e87b0f!important;
} */

/* .sourceCode .at, code{   
    color:#d4d0ab;
    font-weight: normal;
} */

/* .sourceCode .co{
    color:#d1b4e0;
    font-weight: normal;
} */


@media (min-width: 991px){
    .mobile-warning{
        display: none;
    }
}

.formkit-field {
    background-color: gray;
}

input[type="text"], textarea {

    background-color : #d1d1d1!important; 
  
  }

  .nav-tabs .nav-link {
    border-color: #53b2ca;
  }
  
  .nav-tabs .nav-link.active {
    border-color: #b6ced4;
  }

.figcaption{
    text-align: center!important;
 }