@import "fonts.scss";
@import "style.scss";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Gravity-Regular";
}

body {
  position: relative;
  min-height: 100vh;
  background-color: #f2f7fc;
}

code {
  background-color: lightgray;
  padding: 2px;
  font-family: 'Courier New', Courier, monospace;
}

main {
  padding-bottom: 10vh;

  div#banner {
    background: no-repeat center center;
    background-image: url(/img/banner.png);
    background-size: cover;
    position: relative;
    width: 100%;
    height: 55vh;
    backdrop-filter: blur(2.5px);
    object-fit: cover;
    &::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(2.5px); /* apply the blur */
      pointer-events: none; /* make the overlay click-through */
    }
  }
}
