body {
    background: rgb(11,15,26);
    background: linear-gradient(180deg, rgba(11,15,26,1) 0%, rgb(6, 12, 27) 50%, rgba(2,8,22,1) 100%);
    font-family: 'Roboto', sans-serif;

    box-shadow: inset 0px -35px 100px 11px #0b1227;
    margin: 0px;
    margin-bottom: 0px;

    height: 100vh;
    width: 100vw;
    color: #B6BADF;
    overflow: hidden;
}

h1 {
    font-size: 2rem;
    filter: drop-shadow(0px 2px 2px #314588);   
    margin-bottom: 0px;
}

h2 {
    margin-top: 1rem;
    margin-bottom: 0px;
    font-size: 1.5rem;
    filter: drop-shadow(0px 2px 2px #1f316b);
}

p {
    margin-top: 1vh;
    font-size: 2vh;
}

.banner h1 {
    border-image: linear-gradient(to right, rgba(6, 16, 41, 0), #B6BADF, rgba(6, 16, 41, 0)) 0 0 100% 0/0 0 2px 0 stretch;    text-decoration: none; /* removes the underline */
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    margin-bottom: 2rem;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}

.banner {
    border-radius: 0.5rem;
    background: linear-gradient(90deg, #0a1327 0%, #060c1b 50%, rgba(6,16,41,1) 100%);
    border-width: 0 0 ; /* Adjust the border width as needed */
    border-style: solid;
    border-image: linear-gradient(to right, #06102900, #B6BADF, rgba(6, 16, 41, 0)) 1 / 2px / 0 stretch;
    border-left: 2px solid rgba(6, 16, 41, 1);
    border-right: 2px solid rgba(6, 16, 41, 1);

    margin-left: auto;
    margin-right: auto;
    width: 80rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-bottom: 2rem;
    padding-top: 0;

    margin-bottom: 1vh;
}