/* CSS styles */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Montserrat+Alternates:wght@800&display=swap');


body {
    background-color: #000000;
}

.navbar {
    background-color: #001F3F;
    height: 60px;
}

.title {
    font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    letter-spacing: 2px;
    padding-top: 40px;
    font-size: 50px;
    user-select: none;
    animation: slideDownTitle 1s ease-in-out;
}

.description {
    color: #CCCCCCCC;
    user-select: none;
    padding-top: 20px;
    font-family: 'Montserrat', sans-serif;
    animation: slideDownDescription 1s ease-in-out;
    padding-bottom: 100px;
}

/* Media query para telas menores, como dispositivos móveis */
@media only screen and (max-width: 900px) {

    .title,
    .description {
        text-align: center;
        /* Centraliza o texto horizontalmente em telas menores */
    }

    .title{
        font-size: 35px;
    }
    .navbar-nav {
        border-bottom: 1px solid #000000;
    }

    .nav-item {
        border-bottom: 1px solid #000000;
    }

    .quarto-categories {
        justify-content: center;
    }
    .navbar-brand{
        justify-content: center;

        text-align: center;
    }
    .navbar{
        height: 70px;
    }
    .nav-footer{
        background-color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-size: small;
        
    
    }
    .aa-SubmitIcon{
        width: 26px;
        height: 35px;
    }
}

.navbar-nav {
    background-color: #001F3F;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.quarto-title-banner {
    background: linear-gradient(to bottom, #001F3F, #000000);
    background-size: cover;
    background-position: center bottom 20%;
    background-repeat: no-repeat;
    height: 380px;
    font-family: 'Montserrat', sans-serif;
}
p{
    color: #d2d2d2e6;
}

.navbar-brand-container {
    margin-right: 0;
}

.navbar-title {
    font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    color: #dadadac4;
    font-size: 25px;
    transition: all ease-in-out 300ms;
    animation: slideDownNavbar 1s ease-in-out;
}

.navbar-title:hover {
    color: #dadadae2;
}

.menu-text {
    font-size: 20px;
    font-weight: bolder;
}

.listing-description {
    color: #CCCCCCCC;
}

.no-anchor {
    font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}

::-webkit-scrollbar {
    width: 8px;
    /* Largura da barra de rolagem */
}

::-webkit-scrollbar-thumb {
    background-color: #333;
    /* Cor do "ponteiro" da barra de rolagem */
}

::-webkit-scrollbar-track {
    background-color: #000000f4;
    /* Cor de fundo da barra de rolagem */
}

div.quarto-about-jolla .about-link {
    transition: all ease-in-out 300ms;
}

div.quarto-about-jolla .about-link:hover {
    color: #4B89BF;
}

.nav-item {
    width: 100%;
    text-align: center;
}

.aa-DetachedOverlay {
    background-color: #00000072;
}

.aa-DetachedFormContainer {
    border: none;
    background-color: #001F3F;
}


.card-body{
    background-color: #000000;
    
}
.quarto-grid-item{
    border: rgb(39, 39, 39) 1px solid;
    border-radius: 3px;
    overflow: hidden;
    filter: brightness(0.9);
    transition: all ease-in-out 200ms;
}
.quarto-grid-item:hover{
    background-color: #000000bf;
    filter: brightness(1);
}

.search-result-container {
    background-color: #070610;
}

.quarto-listing-category-title {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    padding: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    letter-spacing: 3px;
}

.quarto-listing-category {
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
}

.category:hover {
    color: white;
}

.category {
    font-size: 20px;
    color: #ababab;
    letter-spacing: 2px;
    transition: all ease-in-out 300ms;
}

@keyframes slideDownTitle {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDownDescription {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDownNavbar {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#toc-title{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: x-large;
}

li{
    font-family: 'Montserrat', sans-serif;
    color: #CCCCCCCC;
    
}
.sidebar nav[role=doc-toc] ul>li>a.active, .sidebar nav[role=doc-toc] ul>li>ul>li>a.active {
    border-left: 1px solid #012e5b;
    color: #ffff !important;
}
.sidebar nav[role=doc-toc] ul>li>a:hover, .sidebar nav[role=doc-toc] ul>li>ul>li>a:hover {
    color: #fff !important;
}

.anchorjs-link {
    color: #001F3F;
}

.anchorjs-link::after{
    color: #0359af;
}
.figure-caption{
    text-align: center;
}
.img-fluid{
    width: 100%;
}

a{
    color: #0359af;
    transition: all ease-in-out 200ms;
    text-decoration: none;
}

a:hover{
    color: #0359afc0;

}

h1{
    font-family: 'Montserrat', sans-serif;
}
h2{
    font-family: 'Montserrat', sans-serif;
}

.category{
    font-size: 17px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: #202020 1px solid;
}

#quarto-margin-sidebar{
    overflow-y: hidden;
    overflow-x: hidden;
}
.code-copy-button{
    color: #001F3F;
}
.code-copy-button::after{
    color: #0359af;
}
#listing-listing-sort{
    background-color: #001F3F;
    color: #ffff;
    font-family: 'Montserrat', sans-serif;
    border: none;
    
}

.listing-author{
    font-family: 'Montserrat', sans-serif;

}
.input-group-text{
    background-color: #001F3F;
    color: #fff;
    border: none;
}

.page-item.active .page-link{
    background-color: #0359af;

}

.page{
    background-color: #001F3F;
}
.page:hover{
    background-color: #012e5b;
}

.nav-footer{
    background-color: #000000;
    font-family: 'Montserrat', sans-serif;

}

.pop-up{
    background-color: #001F3F;
    font-family: 'Montserrat', sans-serif;
    height: 32px;
    font-size: 15px;
    color: white;
    border: none;
    border-radius: 3px;
    margin-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    transition: all ease-in-out 300ms;
    display: flex;
    flex-flow: row;
    align-items: center;
}
.pop-up:hover{
    background-color: #012e5b;
}

.newsText{
    margin-top: 17px;
    margin-left: 6px;
    color: #FFF;
}
.content{
    text-align: justify;
}

.cell-output{
    color: rgba(255, 255, 255, 0.635);
}

code{
    color: #4B89BF;
}

.abstract{
    text-align: justify;
}