* {box-sizing: border-box}

/* body */

body, html {
    height: 100%;
    margin: 0px;
    font: 400 15px/1.8 "Verdana,Helvetica,Arial",sans-serif;
    color: rgb(102,173,255);
    background: rgb(0,60,128);
    }

.paragraph {
    padding: 50px;
    line-height: 1em;
    }

    a:link {
    color: rgb(0,83,179);}
    a:hover {
    color: rgb(77,160,255);}
    a:visited {
    color: rgb(0,95,204);}

/* navigation */

nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    font: 200 18px/2.0 "Impact", sans-serif;
    }

/* lists */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb(0,12,26);
    }

li {
    float: left;
    }

li a {
    display: block;
    color: rgb(102,173,255);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

li a:hover {
    background-color: rgb(0,36,77);
    }

/* headers */

h1 {
    font: "Impact", sans-serif; 1.5em; 
    color: rgb(102,173,255);
    }

h2 {
    font: "Verdana,Helvetica,Arial",sans-serif; 1.0em;
    color: rgb(102,173,255);
    }

h3 {
    font: 20px "Impact", sans-serif;
    color: rgb(102,173,255);
    }

/* tables */

}
table {
    table-layout: auto;
    left: 80px;
    right: 80px;
    width:auto;
    font: rgb(77,160,255);
    }

table, th, td {
    border-color: rgb(77,160,255);
    border: 1px solid;
    border-collapse: collapse;
    }

th, td {
    padding: 15px;
    height: 50px;
    text-align: left;
    vertical-align:top;
    color: rgb(77,160,255);
    font-size: 12px;
    }

th {
    background: rgb(0,12,26);
    }

tr:hover td {
    background: rgb(0,71,153) !important;
    }

td {
    color: rgb(77,160,255);
    padding: 15px;
    text-align: left;
    }
tbody tr: nth-child(even) {background: rgb(0,24,51)}
tbody tr: nth-child(odd) {background: rgb(0,48,102)}
}

caption {
    caption-side: top;
    }

.secondTable {
    border:0px;
    border-collapse: collapse;
    }

/* images */

.bgimg-4, .bgimg-5, .bgimg-6 {
    position: relative;
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-size: cover;
    }

.bgimg-4 {
    background-image: url("images/space.jpg");
    min-height: 100%;
    }

img.small {
    width: 300px;
    }
img.medium {
    width: 500px;
    }
img.large {
    width: 700px;
    }
img.align-left {
    float: left;
    margin-right: 10px;
    }
img.align-center {
    display: block;
    margin: 10px auto;
    }
img.align-right {
    float: right;
    margin-left: 10px;
    }

/* footer */

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(0,12,26);
    color: rgb(0,83,179);
    padding: 0px 50px;
    text-align: left;
    }

/* ---------------------------- */

.caption span.border {
    padding: 100px;
    letter-spacing: 5px;
    }

.caption {
    margin: auto;
    position: absolute;
    top: 10%;
    width: 80%;
    align-content: center;
    text-align: justify;
    background-color: rgb(0,0,0);
    }

.caption2 {
    position:absolute;
    left: 80px;
    right: 80px;
    top: 15%;
    width: auto;
    padding: 25px;
    text-align: justify;
    background-color: rgb(0,0,0);
    }

.center {
    display:flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 80%;
    padding: 10px;
    }

#content {
    overflow: auto;
}

#feature {
    padding: 10px;
    margin: 10px;
}