@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
 background-color: #f5f5f5 !important; 
 font-family: "Plus Jakarta Sans", sans-serif;
}

#titolo{ 
    font-family: Cinzel, Serif;
    margin-left:0.5em; 
    font-size:3em;
    padding-left:0.5em;
/*     margin-top: 0.3em; */
}


.top-gradient{
    background: linear-gradient(90deg, rgba(253,115,66,1) 33%, rgba(16,97,78,1) 66%);
    
}

.cover-card {
    width: 60rem;
}


#myshapes{
    
    margin-top: -5em;
}

header {
    background: #fff;    
}

footer {
    background: #fff;
    height: 6em;
    font-size:0.8em;
    margin-top: auto !important;
}


#big-profile{
  border-radius: 3rem;
  height: 110px;
  width: 110px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.4em solid #ff7246;
  
}

#little-profile{
  border-radius: 3rem;
  height: 40px;
  width: 40px;
  /*display: inline-flex;
  align-items: center;
  justify-content: center;*/
  border: 0.2em solid #ff7246;
  
}


#libretto-img{
     width:10em;
    background: #b7d8dd;
}

#libretto {
/*      margin-top:30% !important; */
    width: 274px;
    
}

h2 {
   color:#10614e !important;
    
}

.btn-bd-primary {
        --bd-violet-bg: #ee2470;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
        --bs-btn-padding-x: 1.75rem;
        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #ce2061;
        --bs-btn-hover-border-color: #ce2061;
        --bs-btn-focus-shadow-sm-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      
      .cover-card h1, .cover-card h2 {
        color:#10614e;
      }

@media (max-width: 767.98px) {
    
    .cover-card {
        width: auto;
        margin-top:2em;
    }

    #loghi {
/*         margin-bottom:1em; */
/*         margin-left:0.5em !important; */
        float:left;
    }
    
    footer {
        margin-top:2em  !important;
        padding:0.5em !important;

        height: 10em !important;
        font-size:0.7em;
    }

}