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

:root {
  --hexColor1: #888888; /*grigio*/
  --hexColor2: #142248; /*blu scuro*/
  --hexColor3: #ffffff; /*bianco*/
  --hexColor4: #2ea3f2; /*azzurro*/
  --hexColorText2: #ffffff; /*bianco*/
  --hexColorBg1: #f1f2f2; /*grigio chiaro*/
  --hexColorBg2: #ffffff; /*bianco*/
  --rgbColor1: rgb(30,109,68); /*verde chiaro*/
  --rgbColor2: rgb(0,57,29); /*verde scuro*/
  --rgbaColor1: rgba(30,109,68, 1); /*verde chiaro*/
  --rgbaColor2: rgba(0,57,29, 1); /*verde scuro*/
}

* {
  margin:0;
  padding:0;
  outline:0;
}

body {
  font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
  color: var(--hexColor1);
}

h1, h2, h3, h4, h5, h6 {
  
}

/*HEADER*/
#top-header {
  width:100%;
  height:30px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  background:var(--hexColor2);
}

#top-header p {
  color:var(--hexColor3);
  font-weight:300;
  font-size: 0.75em;
}

#top-header a,
#top-header a:visited {
  color:var(--hexColor3);
  text-decoration: underline;
}

#top-header a:hover,
#top-header a:active {
  color:var(--hexColor4);
  text-decoration: underline;
}

#top-header a.book,
#top-header a.book:visited {
  background:var(--hexColor3);
  color:var(--hexColor2);
  text-decoration: none;
  padding: 7px;
}

#top-header a.book:hover,
#top-header a.book:active {
  background:var(--hexColor4);
  color:var(--hexColor3);
  text-decoration: none;
}

#menu-header {
  display: flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
  transition: height 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}



#menu-header #logo img {
  height:70px;
  width:auto;
  transition: height 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}

#menu-header.sticky #logo img {
  height:40px;
  width:auto;
}