html, body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    overflow: hidden;
}

.background {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: #FFF1E2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: -10vh;
    z-index: 2;
    padding: 0 16px;
}

.title {
    margin: 0 0 2vh 0;
    font-size: 12vh;
    text-align: center;
    color: #5800a8;
}

.description {
    margin: 0 0 3vh 0;
    font-size: 3vh;
    text-align: center;
    color: #ff8f00;
}

.button {
    display: flex;
    text-decoration: none;
    background: #9E83DE;
    color: #FFF;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
}

.button:hover {
    background: #a58ed8;
}

.gift {
    position: absolute;
    z-index: 1;
    width: 10vh;
    height: 10vh;
}