@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

/* src/styles.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --text-primary: rgba(255, 255, 255, 1);
  --ani-fadeIn: fadeIn 0.3s linear;
  --ani-fadeInOut: fadeInOut 1s linear infinite;
  --app-padding-bottom: 2.5rem ;
  --app-padding-inline: 1.563rem ;
  --zone-bg: rgba(255, 255, 255, 0.75);
  --zone-text-color: #303030;
  --zone-border-left-color: rgba(48, 48, 48, 0.25);
}
@media only screen and (min-width: 768px) {
  :root {
    --app-padding-bottom: 4rem ;
    --app-padding-inline: 4rem ;
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --app-padding-bottom: 6.125rem ;
    --app-padding-inline: 10.313rem ;
  }
}
[data-theme=night-time] {
  --zone-bg: rgba(0, 0, 0, 0.75);
  --zone-text-color: rgba(255, 255, 255, 1);
  --zone-border-left-color: rgba(255, 255, 255, 0.25);
}
body {
  font-family: "Inter", sans-serif;
}
button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}

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