/* line 2, app_site/static/scss/app_site/global/components.scss */
.glass {
  background-color: var(--glass-bg);
  backdrop-filter: blur(2px); }

/* line 8, app_site/static/scss/app_site/global/components.scss */
.terminal {
  position: relative;
  background: #000;
  color: white;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 2rem 2rem;
  max-width: 110rem;
  width: 90%;
  margin: 0.5rem auto; }
  @media screen and (max-width: 400px) {
    /* line 8, app_site/static/scss/app_site/global/components.scss */
    .terminal {
      width: 95%; } }
  /* line 21, app_site/static/scss/app_site/global/components.scss */
  .terminal::before {
    content: "> ";
    color: white;
    font-weight: bold;
    padding-right: 1rem;
    font-size: 2rem;
    position: absolute;
    top: 2rem;
    left: 1rem; }
  /* line 32, app_site/static/scss/app_site/global/components.scss */
  .terminal > * {
    padding-left: 1rem;
    color: white; }
    /* line 36, app_site/static/scss/app_site/global/components.scss */
    .terminal > * * {
      color: white; }
  /* line 41, app_site/static/scss/app_site/global/components.scss */
  .terminal strong {
    font-weight: bold; }
  /* line 45, app_site/static/scss/app_site/global/components.scss */
  .terminal b {
    font-weight: bold;
    color: var(--red-200); }
  /* line 50, app_site/static/scss/app_site/global/components.scss */
  .terminal.p0 {
    padding: 1.5rem 3rem 1.5rem 3rem;
    max-width: 60rem;
    font-size: var(--site-p0); }
    /* line 55, app_site/static/scss/app_site/global/components.scss */
    .terminal.p0::before {
      padding-right: 1rem;
      font-size: 3rem;
      top: 1.5rem; }
      @media screen and (max-width: 768px) {
        /* line 55, app_site/static/scss/app_site/global/components.scss */
        .terminal.p0::before {
          top: 1rem; } }
    /* line 64, app_site/static/scss/app_site/global/components.scss */
    .terminal.p0 > * {
      font-size: var(--site-p0); }
  /* line 70, app_site/static/scss/app_site/global/components.scss */
  .terminal:has(h3)::before {
    top: 2.5rem; }

/* line 77, app_site/static/scss/app_site/global/components.scss */
.transition {
  color: var(--fg-300, #747474);
  text-align: center;
  font-family: var(--font-3);
  font-size: var(--site-txt-transition);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 7rem 1rem 5rem; }
  @media screen and (max-width: 768px) {
    /* line 77, app_site/static/scss/app_site/global/components.scss */
    .transition {
      padding: 3rem 1rem 1rem; } }
/* line 94, app_site/static/scss/app_site/global/components.scss */
.ul-row-centered {
  --max-width: 70rem;
  --width: 90%;
  --margin: 2rem auto;
  --li-max-width: 35rem;
  --gap: 1rem;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap);
  margin: var(--margin);
  width: var(--width);
  max-width: var(--max-width); }
  /* line 110, app_site/static/scss/app_site/global/components.scss */
  .ul-row-centered li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }

/* line 120, app_site/static/scss/app_site/global/components.scss */
.br-on-dekstop {
  display: block; }
  @media screen and (max-width: 768px) {
    /* line 120, app_site/static/scss/app_site/global/components.scss */
    .br-on-dekstop {
      display: inline; } }
/* line 126, app_site/static/scss/app_site/global/components.scss */
.btn {
  padding: 0.7rem 2rem;
  border-radius: 10rem;
  background-color: var(--red-400);
  color: white;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  cursor: pointer;
  font-size: var(--site-p3);
  margin: 2rem auto;
  line-height: 140%; }
  /* line 137, app_site/static/scss/app_site/global/components.scss */
  .btn.second {
    background-color: var(--beige-400);
    color: #533030; }
  /* line 142, app_site/static/scss/app_site/global/components.scss */
  .btn.important {
    font-size: var(--site-p2); }

/* line 147, app_site/static/scss/app_site/global/components.scss */
.width-90 {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

/* line 155, app_site/static/scss/app_site/global/components.scss */
.anim-zoom {
  transform-origin: center center;
  animation: zoomPulse 1s ease-in-out infinite alternate;
  will-change: transform, opacity; }

@keyframes zoomPulse {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.2); } }

/* line 167, app_site/static/scss/app_site/global/components.scss */
.anim-kenburns {
  animation: kenburns 20s ease-in-out infinite alternate;
  transform-origin: center;
  will-change: transform; }

@keyframes kenburns {
  0% {
    transform: scale(1.1) translate(0%, 0%); }
  25% {
    transform: scale(1.15) translate(-2%, -2%); }
  50% {
    transform: scale(1.2) translate(2%, -3%); }
  75% {
    transform: scale(1.15) translate(-3%, 2%); }
  100% {
    transform: scale(1.1) translate(0%, 0%); } }

/* line 183, app_site/static/scss/app_site/global/components.scss */
.pulse-btn {
  transition: transform 0.1s ease; }
  /* line 185, app_site/static/scss/app_site/global/components.scss */
  .pulse-btn.clicked {
    animation: pulse 0.2s ease, filter 0.2s ease; }

@keyframes pulse {
  0% {
    transform: scale(1);
    filter: brightness(1); }
  50% {
    transform: scale(0.85);
    filter: brightness(1.2); }
  100% {
    transform: scale(1);
    filter: brightness(1); } }