body {
  font-family: "Roboto Condensed", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.text-accent {
  color: #be1e2d;
}

.bg-accent {
  color: white !important;
  background-color: #be1e2d !important;
}
.bg-accent:hover {
  color: #be1e2d !important;
  background-color: white !important;
  border: 1px solid #be1e2d !important;
}

.bg-great {
  background-color: #be1e2d;
}
.bg-great:hover {
  background-color: #af0a0f;
}
/* Auth */
.auth {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Logo */
.auth .logo {
    width: 7.5em;
    margin-bottom: 2.5em;

    img {
        width: 100%;
    }
}

/* Box */
.auth .box {
    width: 35em;
    padding: 1em;
    border-radius: 1em;
    border: 1px solid #ededed;
    overflow: hidden;
    transition: $transition;
}

/* Header */
.auth .box .header {
    margin: 0;
    margin-bottom: 1em;
    padding-bottom: 1em;
    text-align: center;
    font-size: 1.5em;
    border-bottom: 1px solid #ededed;
}

/* Body */
.auth .box .body {
    display: flex;
    flex-direction: column;
    gap: 1em;

    label {
        color: #333;
        margin-bottom: 0.5em;
    }
}

/* Media Query for Responsive Design */
@media (max-width: 768px) {
    /* Adjust styles for smaller screens */
    .auth {
        padding: 1em; /* Add some padding for smaller screens */
    }

    .auth .box {
        width: 100%; /* Make the box full-width on smaller screens */
    }

    .auth .box .header {
        font-size: 1.2em; /* Decrease the header font size for smaller screens */
    }
}
/*# sourceMappingURL=guest.css.map */