body{
  background-color: rgb(5,123,190);
  margin-top: 25px;
  margin-bottom: 25px;
  color: rgb(255,255,255);
}

h1,h2,h3,h4{
  font-family: 'Raleway', sans-serif !important;
  font-weight: bold;
}

h5,h6, .btn{
  font-family: 'Nunito', sans-serif !important;
}

body, span {
  font-family: 'Merriweather', serif !important;
}

a {
  color: white;
  text-decoration: none !important;
}
  
a:hover {
  color: white;
}

a.nav-link {
  color: white !important;
  font-family: 'Nunito', sans-serif !important;
}

.alert-primary > div > * > a, .alert-primary > div > a {
  color: #084298 !important;
  text-decoration: underline !important;
}

.alert-primary:last-child{
  margin-bottom: 0 !important;
}
  
.dropdown-item:active {
  background-color: white;
}
  
div.alert-danger > ul > li > a {
  color: #721c24 !important;
}
  
div.alert-danger > span > a {
  color: #721c24 !important;
  text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #023d5e !important;
  }
  .piattaforma {
    background: #001933 !important;
    color: white !important;
    border-color: #001933 !important;
   margin-bottom: 10px;
  }
  select {
    background: #001933 !important;
    color: white !important;
    border-color: #001933 !important;
  }
  input, textarea {
    background: #001933 !important;
    color: white !important;
    border-color: #001933 !important;
  }
  .styles__segmentInfo___4yt5o {
    background: #001933 !important;
  }
  h2.css-1k356th {
    color: white!important;
  }
  ::selection {
    background-color: white;
    color: #023d5e;
  }
  ::-moz-selection {
    background-color: white;
    color: #023d5e;
  }
  #preloader {
    background: #023d5e url("/images/A proposito di favicon loader.gif") no-repeat center center;
  }
}
  
@media (prefers-color-scheme: light) {
  .piattaforma {
    margin-bottom: 10px;
    border: 0;
  }
  .btn-primary:hover {
    background-color: white;
    color: rgb(5,123,190);
  }
  ::selection {
    background-color: white;
    color: rgb(5,123,190);
  }
  ::-moz-selection {
    background-color: white;
    color: rgb(5,123,190);
  }
  #preloader {
    background: rgb(5,123,190) url("/images/A proposito di favicon loader.gif") no-repeat center center;
  }
}
  
#instagramfooter {
  text-decoration: none;
}
  
#instagramfooter:hover {
  text-decoration: underline;
}
  
.piattaforma {
  background-color: rgb(255,249,249);
  color: rgb(5,123,190);
  font-weight: bold;
  line-height: 20px;
}

#preloader {
  background-size: 250px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}

.sanremofoto {
  margin-top: 7px;
  margin-bottom: 7px;
}