/*Menù desktop*/

h1 a{
    text-decoration: none;
    list-style: none;
    display: block;
    color: black;
    font-family: 'Abril Fatface';
    font-size: 28px;
    cursor: pointer;
    margin-left: 30px;
}

h1 a:hover{
    text-decoration: none;
    color: black;
     font-family: 'Space Mono';
}

nav ul li {
    list-style: none;
    text-decoration: none;
    color:black;
    display: inline-block;
    margin: 0 30px;
    font-size: 22px;
    font-family: 'Abril Fatface';
    
    
}

nav ul li:hover{
    list-style: none;
    text-decoration: none;
    border-bottom: 3px solid #44BE99;
    color:black;
}

a{
    color:black;
    text-decoration: none;
    list-style: none;
    display: block;
}

a:hover{
    color:black;
    text-decoration: none;
    list-style: none;
}

#active{
    border-bottom: 3px solid #44BE99;
    text-decoration: none;
    
    
}

#active:hover{
    border-bottom: none;
    color: #44BE99;
}


#btnhome{
    font-family: 'Space Mono';
    
    
}

/*Menù mobile*/









/*Mobile version*/
a{
    font-family: 'Abril Fatface';
    
}



#navbarNav li a{
    color: white;
    
}







/*Gallery works*/

.cards{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-gap: 10px;
}

.cards{
    max-width: 1920px;
    margin: 20px 50px 30px;
    margin-left: 50px;
}

.article-img{
    height: 250px;
    width: 100%;
    object-fit: cover;
}

img{
    vertical-align: middle;
    border-style: none;
    
}

#titlework{
    font-family: 'Abril Fatface';
    font-size: 45px;
    color:#44BE99;
    
}


/*Didascalia progetti*/
.description{
    position: relative;
    top: 65px;
    color: black;
    display: none;
    text-align: center;
    border-bottom: none;
}

h2{
    font-family: 'Abril Fatface';
    font-size: 50px;
    color:#44BE99;
}

#data{
    font-family: 'Abril Fatface';
    font-size: 20px;
    color:black;
    
}

p{
    font-family: 'Space Mono';
    font-size: 16px;
}

/*Hover Progetti*/
@media only screen and (min-width: 900px){article:hover img{
    display: none;
    background: black;
    }}
@media only screen and (min-width:900px){
    article:hover .description{display:block;}
}


/*Social*/

#gm{
    color: black;
}

#social li{
    color:black;
    display: inline-block;
    list-style: none;
    padding: 0 10px;
    margin-top: -10px;
    text-align: center!important;
    

}

#social ul li a{
    color:black;
    
}

#social ul li a:hover{
    color:#44BE99;
}

#diritti{
    font-family: 'Space Mono';
    font-size: 10px;
    text-align: center;
}

#data{
    margin-right: 50px;
    font-size: 20px;
}



/*Contact*/
#sociall img{
width: 20%;
}

.small_green{
    color:#44BE99
}


/*works*/
#fanzineimg{
    width: 90%;
    height: 090%;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left:-30px !important;
}

.indicators li{
    list-style: none;
    display: inline-block;
    padding: 0 10px;
    

    
}

#indicatoripagina{
    padding-left: 150px;
}

.indicators i{
    color: black;
}

.indicators i:hover{
    color:#44BE99;;
}

#textdescription{
    padding-left: 30px;
    padding-top: 20px;
}

#titoletto{
    font-family: 'Space Mono';
    font-size: 14px;
    
}

label{
    font-family: 'Space Mono';
}

/*Fumetto*/
#fotofumetto{
    width: 70%;
    height: 70%;
}


.fumettoresponsive{
    width: 100%;
    height: auto;
}




/*About*/

.btn{
    cursor: pointer;
    background-color: black;
    color:white;
    list-style: none;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}


.btn:hover{
    background-color: #44BE99;
    color: white;
}

#silviamonzaniimg{
    width: 70%;
    height: 90%;
    align-items: center;
    margin-top: 25px;
}


#silviamonzaniimgdesk{
    width: 70%;
    height: 90%;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: -30px !important;
    margin-top: 25px;
}


.lead{
    font-family: 'Space Mono', monospace;
    font-size: 16px;
}

#typed{
    display: inline;
}

.lead2{
    font-family: 'Space Mono bold', monospace;
    font-size: 18px;
    color: #44BE99;
}