@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

@font-face {
  font-family: "Raleway";
  font-weight: bold;
  font-style: normal;
}
body {
  font-family: "Raleway", sans-serif;
  font-size: 1.0em;
  background-color: white;
  overflow: hidden; /* Hide scrollbars */
}


.iframe-container {
  overflow: hidden;
  position: relative;
  background-color: white;
}

.iframe-container iframe {
  border: 0;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  background-color: white;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}

.col {
  padding: 0 0.1rem !important;
}
.card {
  margin: 0.1rem 0 0.2rem 0 !important;
}