img, button {
    cursor: pointer;
}

img {
    cursor: help;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;

    background-color:darkslateblue;
    color: whitesmoke;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

form {
    z-index: 9999;
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);

    display: none;
    flex-direction: column;
    align-items: center;

    background-color: aqua;
    padding: 2vw;
    width: fit-content;
    border-radius: 1rem;
}

form #submit {
    max-width: min-content;
}

form h5 {
    position: absolute;
    top:-8%;
}

#signup {
    display: none;
}

#signup h6 {
    margin: 0;
}

footer {
    width: min-content;
    display: flex;
}

footer div {
    width: 5rem;
}

footer img {
    display: none;
    width: 100%;
}

main { 
    padding: 2vh 0vh;
    width: fit-content;
    align-items: center;
    flex-direction: column;
    display: flex;
}

aside form {
    z-index: 0;
    border-radius: 1rem;
    display: none;
    /* display: flex; */
    width: min-content;
}
    
aside form h4 { 
    margin: 0;
}