/* ANIMATIONS */

.animate__animated {
  --animate-duration: 800ms;
  --animate-delay: 0.5s;
}


/* CUSTOM FONTS

@font-face {
    font-family: 'Añejo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Añejo Regular'), url('../font/Añejo.woff') format('woff');
}

@font-face {
  font-family: 'Monday Routines Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Monday Routines Regular'), url('../font/MondayRoutines-2Onqv.woff') format('woff');
}
*/
/* STYLES */


 html {height: -webkit-fill-available;FONT-SIZE: 16PX;}
    
 body {min-height: 100vh;min-height: -webkit-fill-available;}




.disponi_al_centro {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width:600px;
  margin: 0 auto;
}
.disponi_in_basso_al_centro {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  justify-content: flex-end;
  height: 100%;
  padding: 6%;
  max-width:500px;
  margin: 0 auto;
}

.logo {max-width: 100%;margin:0 auto;}
.intro{height:100%}

.left,.right  {height: 100%;}

body{
  background-color: #ebebeb;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  PADDING: 5vw;
}

tbody {
    color: #646060;
    font-size: 14px;
}

.table>tbody>tr>th {
    padding: 13px 10px;
}

section {
  background-color: white;
  border-radius: 10px;
  padding: 10PX;
    /* border: 5px solid #82aead; */
  max-width: 610px;
}

.negativo {
  color:#fff;
}


h2 {
 font-size: 2.6rem;
 font-weight: 600;
}
h3 {
font-size: 2.5rem;

}

th:last-child {
    text-align: right;
    /* border: 1px solid red; */
}

th a {
    border: 1px solid #4a88be;
    border-radius: 5px;
    padding: 3px 16px;
}

th a:hover {
    background: #4a88be;
    color: white;
}

p a {
    text-decoration:underline;
    transition:.2s;
    color:#2d838b;
  }


p a:hover {
    text-decoration:none;
    transition:.2s;
    opacity: .8;
    color:#15c2d3;
}
a.link_img {text-decoration: none;}
a.link_img:hover {opacity: .6;}
a.link_img img {margin: 10px 1px; padding: 5px; max-width: 30px;}

@media (max-width:580px) {
    H1 {font-size:2.5rem;}
    H2 {font-size:2rem;}

}


section.sezione_documenti {margin-top: 30px;}
