styles.scss

//https://github.com/wizelineacademy/github-actions-tutorial

@import url("https://fonts.googleapis.com/css2?family=Sen&display=swap");

body {
  font-family: "Sen", monospace;
  color: white;
  background-image: linear-gradient(
    134.6deg,
    rgba(201, 37, 107, 1) 15.4%,
    rgba(116, 16, 124, 1) 74.7%
  );
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
}

#appInterface {
  height: 100%;
  width: 100%;
  margin: 0px;
  display: grid;
  height: 100vh;
  grid-template-rows: 1fr 3fr 1fr;
  grid-template-areas:
    ". title ."
    "map  map  map"
    "infoDiv infoDiv infoDiv";
  align-items: center;

  #chartDiv {
    grid-area: map;
    width: 100%;
    height: 100%;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }

  #title {
    grid-area: title;
    text-align: center;
  }
  #infoDiv {
    grid-area: infoDiv;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
    div {
      text-align: center;
    }
  }
}
/*# sourceMappingURL=styles.css.map */