html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; 
}
.main-wrapper {
    width: 100vw;
}

.card {
                margin-bottom: 1rem;
                 }


.btn { color:floralwhite;
    background-color: #cf3476;
    border-color: #cf3476;
    
    
}

.barranavigazione{
			background-color: #7eb0cb;
			padding: 1em;
            margin-top: 100px; 
            font-size: 25px;
            display: flex; 
            position: fixed;
            z-index: 100;
	
		}
                
      

        .font-nav {font-size: 25px;
                    }


		
		.logo {
			height: 60px;
			width: 106,67px
		} 
        
        
        .barriecito-regular {
            font-family: "Barriecito", system-ui;
            font-weight: 400;
            font-style: normal;}


.copertina {
    position: relative;
    top: 5em;
    
    
}


.footer{
        background-image: url(footer.jpg);
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: 2 / 1;
        position: relative;
        background-size: cover;
        background-position: center; 
        margin-top: 150px;  
        }
            
        .footer{
        display: block;
        unicode-bidi: isolate;  
        }
        
        .dati{
        text-align: center;
        color: whitesmoke;
        }    
    
     .dati{
        font-size: 20px;
        text-align: center;
        margin-right: 20px;
        margin-top: 50px;
    }
    
     .dati2{
        font-size: 20px;
        text-align: center;
        margin-top: 30px;
        margin-right: 80px;
    }

    
         @media screen and (max-width: 992px) {
    .dati {
        font-size: 15px;} 
            
    .dati2 {
        font-size: 15px;}     
    }