* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
      "slnt" 0;
  user-select: none;
  transition: 0.3s;
}


body{
    margin: 0;
}

.hero-img{
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 60%, 0 71%);
    filter: brightness(60%);
}

.hero-con{
    position: absolute;
    top: 0;
    z-index: 10;
    margin: auto;
    width: 100%;
    margin-top: 13%;
}
    
h1{
    font-size: 6rem;
    text-align: center;
    color: #fff;
}