main {
  width: 100vw;
  height: 100vh;
  position: relative;

  .bg {
    position: absolute;
    width: 100%;
    height: 100%;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; 
       
    }

    .shadow {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.603);
      position: absolute;
      top: 0;
      z-index: 2;
    }
  }

  .box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    h1 {
      color: var(--l);
      padding-bottom: 2rem;
    }

    p {
      color: var(--l);
      padding-bottom: 1rem;
    }

    a {
      background-color: var(--y);
      color: var(--d);
      padding: 0.5rem;
      border-radius: 10px;
      font-weight: bold;
    }
  }
}