@import url(style.css);

.join-header {
    background-image: url("assets/rainbow-gradient.png");
    background-size: cover;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#join {
    margin: 60px auto auto auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.sign {
    text-decoration: none;
    display: inline-flex;
    height: 3rem;
    padding: 0.75rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    flex-shrink: 0;

    margin: 2rem;

    border-radius: 6.25rem;
    border: 1px solid var(--golden); 
    color: var(--golden);
}