@font-face {
  font-family: 'NunitoSans';
  src: local('NunitoSans'), url("../fonts/NunitoSans.e7f409eb0d8a.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'ElCapitan';
  src: url("../fonts/El_Capitan.074b1a31e405.otf") format('opentype');
}

@font-face {
  font-family: 'Kaxko';
  src: url("../fonts/Kaxko.ee7e7b659c62.ttf") format('truetype');
}

:root {
  --md-menu-container-color: #0A1028;
  --md-filled-button-container-color: #FB8500;
  --md-filled-button-label-text-color: #0A1028;
  --md-sys-color-outline: #FFFFFF;
  --md-sys-color-secondary-container: #FFC535;
  --md-ref-typeface-brand: 'NunitoSans';
  --md-ref-typeface-plain: system-ui;
}

.page-bg {
  background: linear-gradient(0deg, rgba(10, 16, 40, 1) 0 60%, rgba(7, 21, 46, 0.13)), url("../images/ushuaia.8b4f472880a6.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: 45% 0%;
}

/* Menu Icon */
.menu-bars {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 28px;
  height: 4px;
  margin: 6px 0;
  transition: 0.4s;
}

.to-close-animation .bar1 {
  transform: translate(0, 10px) rotate(-45deg);
}

.to-close-animation .bar2 {opacity: 0;}

.to-close-animation .bar3 {
  transform: translate(0, -10px) rotate(45deg);
}

.form-image {
  background-image: url("../images/form.7e9e910b33c0.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #53627B;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: #FFC535;
  border-radius: 8px;
}