html, body {
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    height:100%;
    width:100%;
}

.jacques-francois-shadow-regular {
    font-family: "Jacques Francois Shadow", serif;
    font-weight: 400;
    font-style: normal;
  }

.text {
    /* overflow: hidden; */
    position: relative;
    color: black;
}

h1 {
    margin-top: 100vh;
    margin-bottom: 0px;
    font-family: sans-serif;
    font-size: 6rem;
    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 2;
  }

#sostupid {
    position: relative;
    display: flex;
    width:100%;
    justify-content: center;
}

h2 {
    margin-top: 100vh;
    margin-bottom: 50vh;
    text-align: center;
    /* font-family: "Jacques Francois Shadow", serif;
    font-weight:400;
    font-style: normal; */
    font-size: 6rem;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    color: #fff;
    text-shadow: -4px 4px #ef3550,
                 -8px 8px #f48fb1,
                 -12px 12px #7e57c2,
                 -16px 16px #2196f3,
                 -20px 20px #26c6da,
                 -24px 24px #43a047,
                 -28px 28px #eeff41,
                 -32px 32px #f9a825,
                 -36px 36px #ff5722;
  }