@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
    font-family: "Nunito", sans-serif;
}

@custom-variant dark (&:where(.dark, .dark *));

body {
  /*background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);*/
    background: #2b2b2b;
    background: linear-gradient(47deg, rgba(43, 43, 43, 1) 21%, rgba(39, 120, 38, 1) 50%, rgba(122, 122, 122, 1) 81%);
}

.top {
    clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 70px));
}
.bottom {
    clip-path: polygon(0 0,100% 70px,100% 100%,0 100%);
    margin-top: -40px;
}