html {
    background-image: linear-gradient(160deg, #333333, #000000);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

body {
    margin: 0;
    padding: 0;
}

header {
    color: #ffffff;
    font-family: 'Video Thin', monospace;
    padding: 1% 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    background-image: linear-gradient(160deg, #00aaff, #000000);
}

h1 {
    font-size: 300%;
    margin: 2px;
    padding: 0px 5%;
}

h2 {
    font-size: 200%;
    margin-top: 0.5%;
    margin-bottom: 0px;
    margin-left: 2%;
    margin-right: 2%;
    padding: 5px, 10%;
}

/* Home Button */
body h3 a:link, body a:visited {
    text-decoration:none;
    text-transform: uppercase;
    display: inline-block;
    width: 20%;
    height: 1%;
    background-image: linear-gradient(160deg, #00ffaa, #000000);
    border-radius: 50px;
    font-size: 150%;
    font-family: 'Video Thin', monospace;
    color: #000000;
    margin: 25px 70% 0px 10%;
    padding:15px 25px;
    text-align: center;
}

/* Listed Items */
ul li a:link {
    text-decoration:none;
    text-transform: uppercase;
    display: inline-block;
    width: 20%;
    height: 1%;
    background-image: linear-gradient(160deg, #ffffff, #333333);
    border-radius: 50px;
    font-size: 150%;
    font-family: 'Video Thin', monospace;
    color: #000000;
    margin: 25px 70% 0px 10%;
    padding:15px 25px;
    text-align: center;
}

body h3 a:hover, body h3 a:active {
    color: #ffffff;
    text-decoration: none;
}

ul li a:hover, ul li a:active {
    color: #ffffff;
    text-decoration: none;
}