* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    width: 100vw;
    background: linear-gradient(105deg, #516CBA, #536AB7, #6066AA, #6B649D, #786392 25%, #88648f, #BF6282, #EB5B61 58%);

}


.header {
    width: 100vw;
    display: flex;
    align-content: center;
    justify-content: center;
}

.content{
    width: 100vw;
    display: flex;
    flex-direction: column;
}

.firstrow {
    display: flex;
    justify-content: space-evenly;
    width: 100vw;

}

.keeyboard{
    max-width: 30vw;
    cursor: url(images/handcursor.png), pointer;
}

.plaid{
    max-width: 25vw;
    cursor: pointer;
    cursor: url(images/handcursor.png), pointer;
}


.sphere{
    max-width: 30vw;
    cursor: pointer;
    cursor: url(images/handcursor.png), pointer;
}

.pplsitting{
    max-width: 30vw;
    cursor: pointer;
    cursor: url(images/handcursor.png), pointer;
}