/*usare 'Poppins' in alternativa e verificare sintassi
vedi i fondo al file*/

body {
font-family: 'Open Sans', sans-serif  !important;
}


.navbar.fixed-top {
    background-color: #3d8eb9;
}

div#query-box {
    margin-top: 6em;
    padding-top: 10em; 
    padding-bottom: 6em;
}

#logo-row img {
    display: none;
}

div#download-btn-row {
    display: none;
}

#prev-page {
    margin-top: 3em;
    margin-bottom: 3em;

}

#title-row style {
    margin-top: 3em;
    margin-bottom: 3em;
}

.badge.bg-dark.text-dark.rounded-pill.mx-1 {
    background-color: blueviolet;
}


@media (max-width: 1024px) {

    #header {
        background-color: #3d8eb9;
        height: 5em;
    }

    h3#qm-about a.text-decoration-none.text-dark.bg-white.badge.rounded-pill {
        font-size: 0.7em;
        margin: auto auto;
    }

    h4#navbar-title {
        text-align: center;
    }


    a.navbar-brand {
        display: none;
    }

    div#query-box{
        margin-top: 0;
        padding-top: 3em; 
        padding-bottom: 1em;
    }

    div#text-result {
        font-size: smaller;
        text-align: center;
    }


    div#download-btn {
        display: none;
    }

    #logo-row img {
        display: block;
        width: 115px;
        margin-top: 5em;
        margin-bottom: 1em;

    }

    #list-img{
        float:none;
        margin-left: 33%;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }

    li#list-tag {
        text-align: center;
    }

    li#list-tag a {
        padding-bottom: 0.5em;
    }

    li#list-info {
        text-align: center;
    }

    div#download-btn-row {
        display:flex;
    }

    div#title-row h2 {
        margin-bottom: 0;
    }

    div#abs-row {
        text-align: center;
        padding-left:1em;
        padding-right:2em;
    }

    li#tag-row {
        text-align: center;
    }

    #prev-page {
        margin-top: 1em;
        margin-bottom: 1em;
        padding-left: 1em;
    }

   

    

    




}



/*

 <!-- per cambiare font rispetto a quello di default cdn es 'Raleway' 'Open Sans'  'Lato' --> 
 
@import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&family=VT323&display=swap');
    
body {
    --bs-font-sans-serif: 'Kdam Thmor Pro', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-font-monospace: 'VT323', monospace;
} 

*/