/* /Components/Cards/Card.razor.rz.scp.css */
.card-div[b-lt8g0596yx] {
  aspect-ratio: 273 / 125;
}

  .card-div svg[b-lt8g0596yx] {
    position: absolute;
    width: 500px;
    height: auto;
    z-index: -1;
    filter: drop-shadow(10px 0px 20px black);
  }

.svg-frame-content[b-lt8g0596yx] {
  padding: 2rem 2rem 0 3rem;
  font-weight: 700;
  font-family: "Merienda", "Times New Roman";
  font-size: 1.1rem;
}

.fade-in[b-lt8g0596yx] {
  opacity: 0;
  transform: scale(0.95);
  animation: fadeIn-b-lt8g0596yx 0.6s ease-in forwards;
}

@keyframes fadeIn-b-lt8g0596yx {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* /Components/Cards/Cards.razor.rz.scp.css */
.cards-grid[b-dab9b0vyxi] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 500px));
  gap: 4rem;
  place-content: center;
  margin: 2vh 0 0 0;
}

.cards-grid-item[b-dab9b0vyxi] {
  border: 1px solid red;
}
/* /Components/Header.razor.rz.scp.css */
.grid[b-jcf41b5628] {
  display: grid;
  grid-template-areas:
    "header header header"
    "left1 center right1"
    "left2 center right2"
    "left3 center right3"
    "left4 center right4";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto repeat(4, auto);
}

.item[b-jcf41b5628] {
  display: flex;
}

.header[b-jcf41b5628] {
  grid-area: header;
  background-color: black;
  height: 0.5rem;
  width: 8rem;
  place-self: center;
}

.center[b-jcf41b5628] {
  grid-area: center;
  font-size: 4rem;
  display: flex;
  place-content: end;
  margin: 0px 10px 0px 10px;
}

.left1[b-jcf41b5628] {
  grid-area: left1;
  height: 52px;
  justify-content: end;
}

.left2[b-jcf41b5628] {
  border: 2px solid black;
  grid-area: left2;
  height: 4px;
}

.left3[b-jcf41b5628] {
  grid-area: left3;
  justify-content: start;
}

.right1[b-jcf41b5628] {
  grid-area: right1;
}

.right2[b-jcf41b5628] {
  grid-area: right2;
  border: 2px solid black;
  height: 4px;
}

.right3[b-jcf41b5628] {
  grid-area: right3;
  justify-content: end;
}

button[b-jcf41b5628] {
  font-size: 2rem;
  border: none;
  background: none;
}

  button:hover[b-jcf41b5628] {
    box-shadow: black 5px 5px;
    outline: 2px solid black;
  }
/* /Components/QuoteCreator/StoicQuotesCreator.razor.rz.scp.css */
body[b-k0lxq9pgh8] {

}

.xmlcontent-textarea[b-k0lxq9pgh8] {
  width: 90%;
  height: auto;
  background-color: transparent;
  color: white;
  box-sizing: content-box;
}
/* /Pages/Quote.razor.rz.scp.css */
.quote-container[b-e23oda8u5t] {
  margin-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;

  font-family: "Merienda", "Times New Roman";
}

.quote-block[b-e23oda8u5t] {
  width: 70%;
  text-align: center;
}

.quote[b-e23oda8u5t] {
  font-size: 3rem;
}

.author[b-e23oda8u5t] {
  font-size: 3rem;
  text-align: right;
}

button[b-e23oda8u5t] {
  position: absolute;
  bottom: 30%;
  font-size: 2rem;
  border: none;
  background: none;
}

  button:hover[b-e23oda8u5t] {
    box-shadow: black 5px 5px;
    outline: 2px solid black;
  }