@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: FFNormale;
  src: url(askan.otf);
}

@font-face {
  font-family: FFLight;
  src: url(askan_light.otf);
}

* {
  /* non è possibile selezionarli */
  user-select: none;
  -webkit-font-smoothing: antialiased;
  
}

/* desktop */
.nome_autore {
   color: white;
   font-family: FFNormale;
   font-size: 2em;
   position: fixed;
   top: 47px;
   width: 100%;
   z-index: 2;
   text-align: center;
  }

.nome_autore_nero {
   color: black;
   font-family: FFNormale;
   font-size: 2em;
   position: fixed;
   top: 47px;
   width: 100%;
   z-index: 2;
   text-align: center;
  }

.menu_desktop {
   position: fixed;
   top: 92px;
   width: 100%;
   z-index: 2;
   text-align: center;
  }
  
 .menu_item {
   text-decoration: none;
   list-style: none;
   font-family: FFLight;
   font-size: 1.2em;
   color: White;
  }
  
.menu_item_nero {
   text-decoration: none;
   list-style: none;
   font-family: FFLight;
   font-size: 1.2em;
   color: black;
  }

 .menu_align {
   display: inline;
   margin-left: 1vw;
   margin-right: 1vw;
  }
  
.menu_item:hover {
   font-weight: 900;
  }

 .menu_item_nero:hover {
   font-weight: 900;
  }
  
.link_social {
   position: fixed;	
   bottom: 1vw;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
   text-align: center;
  }
  
.img_link {
   height: 3vh;
}


/* cellulare */
.titolo_mobile {
  position: fixed;
  top: 8vw;
  left: 50%;
  width: max-content;
  transform: translateX(-50%);
  z-index: 1;
}

.nome_autore_mobile {
  color: white;
  font-family: FFNormale;
  font-size: 22px;
  float: left;
}

.pulsante_tre_strisce {
  margin-top: 3px;
  margin-left: 5px;
  height: 16px;
}

.menu_item_mobile {
  text-decoration: none;
  list-style: none;
  font-family: FFLight;
  font-size: 1.2em;
  color: white;
}

.menu_pop {
  display: none;
  margin-top: 1vh;
  background-color: rgb(82, 84, 82);
  height: 100vh;
  opacity: 0.7;
  padding-top: 5vh;
}

.list_element {
  line-height: 6vh;
}

.nome_autore_mobile_nero {
  color: black;
  font-family: FFNormale;
  font-size: 22px;
  float: left;
}

/* cellulare */
@media only screen and (max-width: 600px) {

  .desktop_tag 
  {
      display: none;
  }

}
    
/* desktop */
@media only screen and (min-width: 600px) {
    
  .mobile_tag 
  {
       display: none;
  }
  
}