html, body {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    font-size:16px;
}

select {
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 10px;
    height: 5vh;
}
.aside {
    width: 100vw;
    height: 10vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
}
.banner-card {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    box-shadow: hsla(0, 0%, 0%, 0.5) 2px 2px 10px;
    border-radius: 20px;
}
.banner-card-image {
    position: relative;
    width: 20vh;
    height: 20vh;
    background: url("/github-square-brands.svg") no-repeat center / cover;
    filter:blur(2px);
    box-shadow: hsla(0, 0%, 0%, .75) 5px 0px 10px;
    border-radius: inherit;
    
}

.main {
    height: 90vh;
    width: 100vw;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}