.main{
    background-color: rgb(255, 255, 255); 
    padding-top: 100px;
    min-height: 650px;
    padding-bottom: 10px;
}

.navbar{
    position: fixed;
    width: 100%;
    background: transparent; /* Sfondo nero trasparente */
    padding-bottom: 10px;         /* Assicura che stia sopra gli altri elementi */
}

.scrittinalogo {
    font-family: "Anybody", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal; 
    color: rgb(0, 0, 0);
    font-size: 12px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.scrittine {
    font-family: "Anybody", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal; 
    color: rgb(0, 0, 0);
    font-size: 11px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}


body{
    background: rgb(0, 0, 0);
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

}

.image-container {
  background-color: white;  /* sfondo bianco */
  display: flex;
  justify-content: center;  /* centra l'immagine */
  align-items: center;
  padding: 100px;            /* spazio attorno all'immagine */
}

.image-container img {
  max-width: 100%;   /* ridimensiona larghezza al contenitore */
  height: auto;      /* mantiene proporzioni */
}

.btn{
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
    font-size: 21px;
    padding: 10px 15px;
    border: none;
    border-radius: 9999px;
    outline: none;
    background-color: rgb(255, 254, 248);
    color: black; /* testo visibile sullo sfondo chiaro */
    cursor: pointer;
}


.foot{
    background-color: rgb(255, 255, 255);  
    padding-top: 0px;
    padding-bottom: 0px;

}

.foottitle{   
    font-family: "Anybody", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
    color: rgb(0, 0, 0);
    padding-bottom: 20px;
    padding-top: 0px;
    font-size: 18px;

}

.links{
    color: rgb(255, 255, 255);
    text-decoration:underline;
}

.jw-album-image img, .jw-element-image img { 
    pointer-events: none; -webkit-touch-callout: none;
}

.pswp__share-tooltip .pswp__share--download {
    display: none;
}



/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}