body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    margin: 0px;
    background-color: oklch(0.6 0.1 206);

    font-family: "Atkinson Hyperlegible", sans-serif;
    color: #1f1f1f;
}

.hero-section {
    display: flex;
    align-items: center;
    
    margin: 10px;
    background-color: oklch(0.7 0.1 206);
    clip-path: polygon(0 0, 70% 0, 50% 100%, 0% 100%);
    height: 50vh;
    width: 100vw;
}