@font-face {
  font-family: fontBold;
  src: url("/fonts/layout/Ubuntu.ttf");
}
@font-face {
  font-family: fontMedium;
  src: url("/fonts/layout/Ubuntu.ttf");
}
@font-face {
  font-family: fontRegular;
  src: url("/fonts/layout/Ubuntu.ttf");
}

body {
  margin: 0;
  padding: 0;
  background-color: black;
  background-image: url(/img/2026/sfondo.webp);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-family: "fontRegular", sans-serif;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  max-width: 100%;
}

.title {
  font-size: 6em;
  text-align: center;
}
  
.color-v1 {
  color: #21d90c;
}
.color-v2 {
  color: #7ccadeff;
}

h1 {
  font-family: "fontBold", sans-serif;
  font-size: 5em;
}

.font-bold {
  font-family: "fontBold", sans-serif;
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.text-shadow {
  text-shadow: 2px 2px 4px black;
}

.where {
  background-image: url(/img/2026/where.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  height:16.5rem;
  font-size: 1rem;
}

.date {
  display: inline-block;
  width: 10rem;
  color: white;
}

.date-day {
  font-size: 7rem;
  margin-top: 1rem;
  padding: 0;
  text-align: center;
  max-height: 8rem;
  float: left;
}
.date-month {
  font-size: 2rem;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}
.where_cont {
  display: inline-block;
  width: 20rem;
  padding: 3rem;
  padding-top: 3.7rem
}
.where_cont > a, .where_cont > a:visited {
  text-decoration: none;
}
.where_cont > a:hover, .where_cont > a:active {
  text-decoration: underline;
}

@media only screen and (max-width: 517px) {
  .date {
    width: 30vw;
  }
.date-day {
    font-size: 21vw;
    margin-top: 2.7vw;
    max-height: 24vw;
  }
  .date-month {
    font-size: 6.5vw;
  }
  .where_cont {
    width: 60vw;
    padding: 10vw;
    padding-top: 11.5vw;
    font-size: 3.2vw
  }
}

.logo, .logo:visited, .logo:hover, .logo:active {
  float: left;
  color: white;
  text-align: center;
  font-family: 'fontMedium', sans-serif;
  font-size: 0.6em;
  display: inline-block;
  min-height: 70px;
  max-width: 130px;
  display: flex;
  align-items: center;
}
.logo > img {
  max-height: 70px;
  max-width: 130px;
  display: flex;
}

.blink_text {
  animation: 2s blinker linear infinite;
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.speaker, .speaker:visited {
  /*font-weight: 300;*/
  color: #7ccadeff;
  padding-bottom: 3px;
  text-decoration: none;
}
.speaker:hover, .speaker:active {
  text-decoration: underline;
}

.talk, .talk:visited {
  color: white;
  text-decoration: none;
}
.talk:hover, .talk:active {
  text-decoration: underline;
}

/* Mobile  */

@media only screen and (max-width: 768px) {
  .free-event {
    font-size: 3em;
  }
  
  .second-title {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.25rem;
  }

}

.smarttux {
  position: relative;
}
.fingerprint {
  position:absolute;
  left: 130px;
  top: -30px;
  z-index:-1;
  opacity: 0.5;
}

.wifi {
  position: absolute;
  left: -70px;
  bottom: -30px;
  z-index: -1;
  opacity: 0.3;
}

.programme {
  margin: 0;
  padding: 0;
  position: relative;
  background-image: url(/img/2026/programme.svg);
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  font-size: 1.5vw;
}
@media only screen and (max-width: 1199px) {
  .programme {
    font-size: 1.3em;
  }
  .smarttux {
    overflow-x: hidden;
  }
}