.gradient {
    background-image: linear-gradient(90deg, #17a6f5 0%, #fadffb 100%);
}

.gradient2,
button {
    background-color: #f39f86;
    background-image: linear-gradient(315deg, #f39f86 0%, #f9d976 74%);
}

.browser-mockup {
    border-top: 2em solid rgba(230, 230, 230, 0.7);
    position: relative;
    height: 60vh;
}

.browser-mockup:before {
    display: block;
    position: absolute;
    content: "";
    top: -1.25em;
    left: 1em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

.browser-mockup>* {
    display: block;
}

.gig-heading {
    color: transparent;
    background-clip: text;
    --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    display: inline-block;
}