@font-face {
font-family: 'opendyslexic';
src: url('../open-dyslexic-20160623-Stable/woff/OpenDyslexic-Regular.woff') format('woff'),
        url('../open-dyslexic-20160623-Stable/ttf/OpenDyslexic-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opendyslexic';
src: url('../open-dyslexic-20160623-Stable/woff/OpenDyslexic-Italic.woff') format('woff'),
        url('../open-dyslexic-20160623-Stable/ttf/OpenDyslexic-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}

/*body{
    font-family: "opendyslexic";
    line-height: 3;
    letter-spacing: 2px;
}*/

/*generali*/

html, body {
    font-family: "Montserrat";
    box-sizing:border-box;
    background-color:#f6eade;
    background-repeat: repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h1, h2, h3, h4, h5{
    color:#a60360
}

em{
    color: #a60360;
    font-weight: 500;

}
a{
    color: #a60360
}

ul, li{
    list-style: none;
    padding: 0;
    margin: 0;
}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer{
    background-color:#f6eade;
    width: 100%;
}

.separatore{
    height: 5px;
    max-width: 700px;
    background-color: #a60360;
    margin-bottom: 20px;
}

/*Bootstrap*/

.navbar, .dropdown-menu{
    align-items:baseline;
    background-color:#f6eade;
}

.dropdown-item:hover, .dropdown-item:focus{
    background-color: inherit;
    color: inherit;
}

.bi{
    margin-right: 4px;
}

.row{
    width:100%;
}

.myContainer{
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #a60360;
    border-radius: 10px;
    background-color: #ffff;
    text-align: justify;
    align-items: center;
}

.myButton{
    border:inherit;
    border-radius: 5px;
    background-color: #a60360;
    color:inherit;
    text-decoration: none;
    padding: 5px;
    margin: 7px 0px;
}

.myButton:hover, .myButton:focus{
    box-shadow: 0 6px 14px rgb(0 0 0 / 0.2);
    color: #ffff;
}

.myCard{
    height: 700px; 
    display:inline-block;
    border-radius: 5px;
    margin: 10px;
}

@media (max-width: 460px){
    .myCard{
        width: 100%;
    }
}
@media (min-width: 740px){
    .myCard{
        width: 30%;
        height: 882px;
    }
}
@media (min-width: 790px){
    .myCard{
        width: 30%;
        height: 831px;
    }
}

@media (min-width: 890px){
    .myCard{
        width: 30%;
        height: 765px;
    }
}

.myCard-img{
    height: 300px; 
    overflow:hidden;
    object-fit: cover; 
    object-position: top left
}

/*Utils*/

#N_MA_nota_MatrimonioFB > img, 
#N_MA_nota_StoriaIGRuppitiUCoddu > img, 
#N_MA_nota_Paranza >img, 
#N_MA_nota_CocaCola > img,
#N_MA_nota_Adagio > img, 
#N_MA_nota_FichidIndia > img{
    object-position: center;
}

#N_MA_nota_Airbnb > img,
#N_MA_nota_Visualizzato > img {
    object-position: bottom;
}

#N_MA_nota_Usciere > img{
    object-position: -74px 0;
}

[id^="N_MA_nota"]:target{
    outline: 3px solid #a60360;
    transition: outline-color 0.3s ease;

}

#hidden-text{
    margin:5px;
    padding:5px;
    border-radius: 10px;
}

[data-bs-toggle="popover"]{
    font-family: inherit;
}


[id^="img"]{
    display:inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
[id="testo_MA_1"]{
        vertical-align:top;
        text-align: right;
        height:fit-content;
}

#cosafaccio, 
#chisono {
    margin-top: 20px;
}