/* src/styles.scss */
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select:focus,
textarea {
  font-size: 16px !important;
}
@font-face {
  font-family: "Satoshi";
  src: url(/assets/font/Satoshi-Variable.ttf) format("truetype");
}
@font-face {
  font-family: "Bitcheese";
  src: url(/assets/font/Bitcheese.ttf) format("truetype");
}
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: 500;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  background-color: var(--background-color);
  padding: 0;
  margin: 0;
  text-align: left;
  font-family: "Satoshi", sans-serif;
  color: var(--grey-color);
  font-size: var(--font-m);
  letter-spacing: 0.5px;
  line-height: 1.4;
}
a {
  color: var(--grey-color);
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: var(--primary-color);
}
h1.invert,
h2.invert,
h3.invert,
h4.invert,
h5.invert,
h6.invert {
  color: var(--black-color);
}
p {
  margin: 0;
  padding: 0;
  color: var(--dark-grey);
}
p.lighter {
  color: var(--grey-color);
}
pre,
textarea {
  font-family: "Satoshi", sans-serif;
}
pre {
  max-width: 100%;
  white-space: pre-wrap;
}
strong {
  color: var(--accent-color);
}
hr {
  border-color: var(--primary-color);
}
button {
  padding: clamp(5px, 1rem, 1vh) clamp(20px, 2rem, 3vw);
  border: none;
  border-radius: 9999px;
  color: var(--background-color);
  box-shadow: var(--box-shadow);
  font-family: inherit;
  cursor: pointer;
}
button:hover {
  transform: scale(1.01);
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 1px solid var(--primary-color);
}
button:active {
  transform: scale(0.97);
}
button.smaller {
  font-size: var(--font-s);
}
button.secondario {
  background: transparent;
  border: 1px solid var(--grey-color);
  color: var(--primary-color);
}
button.ausiliare {
  background: var(--background-color);
  border: 1px solid var(--dark-grey);
  color: var(--dark-grey);
  font-size: var(--font-s);
}
button.ausiliare:hover,
button.secondario:hover {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--primary-gradient);
  -webkit-text-fill-color: transparent;
  border: 1px solid var(--primary-color);
  outline: 1px solid var(--primary-color);
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol,
ul,
li {
  height: min-content;
}
h1,
h1 * {
  font-size: var(--font-xxl);
}
@media (min-width: 1440px) {
  h1,
  h1 * {
    font-size: var(--font-xxxl);
  }
}
h2,
h2 * {
  font-size: var(--font-xxl);
}
h3,
h3 * {
  font-size: var(--font-xxl);
}
@media (min-width: 1440px) {
  h3,
  h3 * {
    font-size: var(--font-xl);
  }
}
h4,
h4 * {
  font-size: var(--font-l);
}
p,
pre,
label,
blockquote,
code,
address,
input,
textarea,
label {
  font-size: var(--font-m);
}
small,
small * {
  font-size: var(--font-s);
}
:root {
  --primary-color: #3a6cac;
  --grey-color: #9e9e9e;
  --dark-grey: #71717a;
  --primary-gradient:
    linear-gradient(
      214deg,
      #3fb3da 17.72%,
      #3a6cac 94.78%);
  --accent-color: #f47800;
  --accent-gradient:
    linear-gradient(
      214deg,
      #f47800 17.72%,
      #e2ad77 94.78%);
  --background-color-contrast: #fafafa;
  --background-color: #ffffff;
  --light-blue: #e7edf7;
  --black-color: black;
  --box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  --blue: #004e89;
  --orange: #ff6b35;
  --orange-light: #f7c59f;
  --light: #efefd0;
  --shadow: 7px 7px 1px 0px #9d9999bc;
  --navbar-footer: clamp(60px, 9vh, 70px);
  --navbar: clamp(50px, 10vh, 98px);
  --border-radius: 28px;
  --margin-top: clamp(20px, 10%, 60px);
  --max-width: 1400px;
  --font-xxxl: clamp(2.75rem, 4vw + 1.25rem, 4rem);
  --font-xxl: clamp(2rem, 2vw + 1.5rem, 3rem);
  --font-xl: clamp(1.5rem, 2vw + 0.75rem, 2.5rem);
  --font-l: clamp(1.25rem, 1vw + 1rem, 1.75rem);
  --font-m: clamp(1rem, 1vw + 0.5rem, 1.5rem);
  --font-s: clamp(0.75rem, 1vw + 0.5rem, 1rem);
}
.ng-lazyloading {
  opacity: 0;
}
.ng-lazyloaded {
  opacity: 1;
  transition: opacity 0.9s;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fadeInImage {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes jump {
  0% {
    transform: scale(1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  5% {
    transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  6%, 100% {
    transform: scale(1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */