@import url('preload.css');
@import url('header.css');
@import url('content.css');
@import url('navigation.css');
@import url('parallax.css');
@import url('gallery.css');
@import url('../js/modules/thor/css/thor.css');
@import url('calendar.css');
@import url('icons.css');
@import url('footer.css');
@import url('flash.css');



*,
::before,
::after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Verdana;
}


html, body {
  min-height: 100vh;
  margin: 0;
  line-height: 1;
  overflow-x:hidden;
  
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--fondoBody);
  text-align: center;

background-color: #050510;
background-image:
  radial-gradient(ellipse 80% 60% at 15% 10%, rgba(30, 20, 90, 0.85) 0%, transparent 60%),
  radial-gradient(ellipse 50% 40% at 85% 80%, rgba(10, 10, 60, 0.6) 0%, transparent 55%),
  radial-gradient(ellipse 60% 50% at 50% 50%, rgba(15, 10, 40, 0.4) 0%, transparent 70%),
  radial-gradient(ellipse 40% 30% at 70% 20%, rgba(255, 51, 255, 0.08) 0%, transparent 60%);
}

main {
  flex: 1;
  min-height: 900px;
}






.grid {
  display: block;
  text-align: left;
  padding: 10px;

}

.grid a {
  padding: 10px;
  display: block;
  border-bottom: 1px dotted var(--colorLogo2);
  text-align: justify;
}


.grid a:hover {
  background: rgba(255, 255, 255, 0.7)
}



.grid a h3 {
  padding-bottom: 6px;
  font-size: 11pt;
  transition:.2s;
}

.grid a p {
  color: #344248;
  font-size: 10pt;

}

.grid a:hover p {
  color:black;

}
.grid a:hover h3 {
  letter-spacing: 1px;
 
}