/* Febbrea90 — pagina temporanea, Bootstrap 5.3 */

:root {
  color-scheme: dark;
}

html,
body {
  min-height: 100%;
  background-color: #000;
}

body {
  margin: 0;
  color: #fff;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}

a, img, .transition {
	-webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}

a, img {
	border: 0 none;
	outline: none;
}

/* Layout principale */
.page {
  min-height: 100svh;
  padding-block: clamp(3rem, 7vh, 6rem);
}

/* Citazione */
.quote {
  width: 100%;
  max-width: 1080px;
  font-family: inherit;
  font-weight: 300;
}

.quote-text {
  font-family: inherit;
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -0.035em;
  color: #fff;
}

.quote-text em {
  font-weight: 300;
}

/* Autore */
.quote-author {
  font-family: inherit;
  font-size: clamp(1.1rem, 2.2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.3;
  text-align: right;
  margin-top: 1rem;
  color: #fff;
}

.quote-author strong {
  font-weight: 700;
}

/* Logo */
.brand-logo {
  width: min(100%, 380px);
  height: auto;
  margin-top: 2.1rem;
}

/* Contatto */
.contact {
    margin-top: clamp(2.5rem, 5vh, 5.5rem);
}

.contact a {
  color: #fff;
  text-decoration: none;
  font-size: clamp(1rem, 2vw, 1.35rem);
  letter-spacing: 0.035em;
  font-weight: 300;
}

.contact a:hover,
.contact a:focus-visible {
  color: #d10018;
  text-decoration: none;
  text-underline-offset: 0.25em;
}

.contact a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 0.3rem;
}

/* Tablet */
@media (max-width: 991.98px) {
  .quote {
    max-width: 42rem;
  }

  .quote-text {
    letter-spacing: -0.015em;
  }
}

/* Smartphone */
@media (max-width: 575.98px) {
  .page {
    padding-block: 2.5rem;
  }

  .quote-text {
    line-height: 1.45;
  }

  .quote-author {
    margin-top: 1rem;
  }

  .brand-logo {
    width: min(100%, 300px);
    margin-top: 1.8rem;
  }

  .contact {
    margin-top: 2.5rem;
  }
}