@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Raleway');
h1, h2, h3, h4, h5, h6{
    font-family: 'Playfair Display', serif;
}
body{
    font-family: 'Raleway', sans-serif;
    background-color: rgba(255, 255, 255, 0.8);
    padding:1em;
    border-radius: 0.15em;
}
ul.navbar li{
    display:inline-block;
    padding:1em 0;
    background-color: #3a3a3a;
}
ul.navbar li:hover{
    background-color: #5c5c5c;
}
ul.navbar li:nth-child(1){
    border-radius: 0 0 0 .5em;
}
ul.navbar{
    padding-left:0;
    background-color: #7e7e7e;
    margin: 0;
    border-radius: 0 0 .5em .5em;
}
ul.navbar li a, ul.navbar li a:visited{
    text-decoration: none;
    color:#f0f0f0;
    padding: 1em;

}
.repoContainer::before{
    width:2em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../icone/repo.svg');
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-right: 1em;
}
.repoContainer{
    padding: 1em 0;
    border-bottom: 1px solid #3a3a3a;
}
.repoContainer .info{
    vertical-align: middle;
    width: calc(100% - 3em);
    display: inline-block;
}
.repo.desc{
    font-style: italic;
}
.repoContainer:last-child{
    border:none;
}
[lang|=en] .repo.lic::before {
    margin-left: .5em;
    content:"License: ";
}
[lang|=en] .repo.lang::before {
    content:"Language: ";
}
[lang|=it] .repo.lic::before {
    margin-left: .5em;
    content:"Licenza: ";
}
[lang|=it] .repo.lang::before {
    content:"Linguaggio: ";
}
.repo.lic::before{
    margin-left: .5em;
    color:inherit;
    text-decoration: none!important;
}
.repo.lic::before, .repo.lang::before{
    font-style: italic;
}
h1{
    margin-bottom: 0;
    padding: .5em 0;
    text-align: center;
    border-radius: .25em .25em 0 0;
    color:#fff;
}
.mobileOpen{
    text-align: center;
    display: none;
    cursor: pointer;
    color:#f0f0f0;
    background-color: #3a3a3a;
    padding:1em 0;
}
.mobileOpen::hover{
    background-color: #5c5c5c;
}
.mobileOpen.nbChiusa{
    border-radius: 0 0 .5em .5em;
}
@media screen and (max-width: 768px){
    .navbar.chiusa{
        display: none;
    }
    ul.navbar li{
        text-align: center;
        display: block;
    }
    ul.navbar li:nth-child(1){
        border-radius: 0;
    }
    ul.navbar li:last-child{
        border-radius: 0 0 .5em .5em;
    }
    .mobileOpen{
        display: block;
    }
}