html,
body {
  padding: 0;
  margin: 0;
  font-family: 'IBM Plex Mono', sans-serif;
  text-align: center;
  height: 100vh; }

title {
  font-size: 2rem;
  margin: 1rem; }

.carousel {
  display: flex;
  width: 100%;
  height: 80%;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding: 0;
  position: relative; }
  .carousel__list {
    display: flex;
    align-items: center;
    list-style: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: 0; }
    @media (max-width: 768px) {
      .carousel__list {
        flex-direction: column;
        height: auto; } }
  .carousel__item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    width: 25vw;
    height: 20vh;
    border-radius: 12px;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
    position: absolute;
    transition: all 0.3s ease-in; }
    .carousel__item:nth-child(1) {
      background: linear-gradient(135deg, #ff9b5a, #ffb387); }
    .carousel__item:nth-child(2) {
      background: linear-gradient(135deg, #d9adc3, #e1bed0); }
    .carousel__item:nth-child(3) {
      background: linear-gradient(135deg, #f26249, #f78871); }
    .carousel__item:nth-child(4) {
      background: linear-gradient(135deg, #52b3b6, #76d0d3); }
    .carousel__item:nth-child(5) {
      background: linear-gradient(135deg, #ffd58e, #ffe5b2); }
    .carousel__item:hover {
      filter: brightness(1.1); }
    .carousel__item[data-pos="0"] {
      z-index: 5; }
    .carousel__item[data-pos="-1"], .carousel__item[data-pos="1"] {
      opacity: 0.7;
      filter: blur(1px) grayscale(10%); }
    .carousel__item[data-pos="-1"] {
      transform: translateX(-60%) scale(0.9);
      z-index: 4; }
    .carousel__item[data-pos="1"] {
      transform: translateX(60%) scale(0.9);
      z-index: 4; }
    .carousel__item[data-pos="-2"], .carousel__item[data-pos="2"] {
      opacity: 0.4;
      filter: blur(3px) grayscale(20%); }
    .carousel__item[data-pos="-2"] {
      transform: translateX(-120%) scale(0.8);
      z-index: 3; }
    .carousel__item[data-pos="2"] {
      transform: translateX(120%) scale(0.8);
      z-index: 3; }
    @media (max-width: 768px) {
      .carousel__item {
        font-size: 1rem;
        width: 50vw;
        height: 15vh; }
        .carousel__item[data-pos="0"] {
          z-index: 5; }
        .carousel__item[data-pos="-1"], .carousel__item[data-pos="1"] {
          opacity: 0.7;
          filter: blur(1px) grayscale(10%); }
        .carousel__item[data-pos="-1"] {
          transform: translateY(-60%) scale(0.9);
          z-index: 4; }
        .carousel__item[data-pos="1"] {
          transform: translateY(60%) scale(0.9);
          z-index: 4; }
        .carousel__item[data-pos="-2"], .carousel__item[data-pos="2"] {
          opacity: 0.4;
          filter: blur(3px) grayscale(20%); }
        .carousel__item[data-pos="-2"] {
          transform: translateY(-120%) scale(0.8);
          z-index: 3; }
        .carousel__item[data-pos="2"] {
          transform: translateY(120%) scale(0.8);
          z-index: 3; } }

/*# sourceMappingURL=home.css.map */