html,
body {
    background: linear-gradient(to bottom, rgb(113, 181, 226), rgb(27, 129, 197), rgb(8, 107, 173));
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    background-color: darkblue;
}

.box {
    background-color: skyblue;
    width: 1000px;
    margin: 0 auto;
    padding: 50px;
    border-radius: 10px;
    margin-top: 30px;
    box-shadow: 0 0 3px 3px rgba(31, 94, 183, 0.89);
}

.box h1 {
    margin: 0px;
    font-family: arial;
    color: rgb(8, 84, 191);
}

.box h2 {
    margin: 0px;
    font-family: arial;
    color: rgb(6, 65, 149);
}

.viewLink {
    text-decoration: none;
    color: blue;
    font-size: 17px;
    font-family: arial;
}

.viewLink:hover {
    text-decoration: underline;
}