:root {
    --background1: #0c142d;
    --background2: darkslateblue;
    --banner: darkslateblue;
    --bannerText: var(--cuphead)
}

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

p {
    margin: 0
}

body {
    background-image: url('bg.png');
    background-size: cover;
    background-color: #0c142d;
    height: 100vh;
}

#tabsDiv {
    margin: 0 auto;
}

#tabs .button {
    color: var(--cuphead);
    background-color: var(--background1);
}

header {
    background-color: transparent;
    height: 170px
}

#starHaven {
    filter: drop-shadow(1px 1.5px 0 brown);
    background: linear-gradient(to bottom, orangered, yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}