html {
    background-color: white;
    border-radius: 15px;
    font-family: Ubuntu, "times new roman", times, roman, serif;
}

body>header {
    background-color: black;
    padding: 8px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: linear-gradient(rgb(0, 0, 255), rgb(0, 0, 100));
}

body>header>h1 {
    display: inline;
}

body>header>span {
    padding: 10px;
    float: right;
}

body>header>span>form>label {
    color: white;
    padding-right: 5px;
    font-weight: bold;
}

#sphereImg {
    height: 25px;
}
#mainDiv {
    background-color: rgb(0, 0, 100);
    padding: 20px;
}

#mainDiv>article {
    background-color: white;
    min-height: 100px;

}
#mainDiv>article>header {
    color: white;
}
#mainDiv>article>header>h4 {
    display: inline;

}

body>div>article>header {
    background-color: rgb(0, 0, 100);
    text-align: center;
    padding: 10px;
}
body>div>article>section {
    color: grey;
    margin: 10px;
    padding: 1px;
    text-align: center;
    text-shadow: -1px -1px black;
    font-size: 20px;
}
body>div>article>section>figure>img {
    height: 50vh;
}
body>footer {
    text-align: center;
    color: white;
    background-color: black;
    padding: 8px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: linear-gradient(rgb(0, 0, 100), rgb(0, 0, 255));
}
body>footer>a {
    color: white;
    text-decoration: none;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    

}
body>footer>a:hover {
    background-color: white;
    color:rgb(0, 0, 100);
    border-radius: 6px;
}

h1,
h4 {
    color: white;
    margin: 5px;

}
.linkNoDec {
    text-decoration: none;

}