body{
    background-color: #001d3d;
    text-align: center;
    font-family: 'Alice';
}

#hero{
    background-image: url(exo.jpg);
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 10%;
    margin: 0px;
    padding-top: 150px;
    width: 100%;
    height: 100%;
}

p {
    color: white; 
    text-align: center;
    font-family: 'Alice';
    font-size: 15px;
}

h4 {
    color: #ffd60a;
    text-align: center;
    font-family: 'Alice';
    
}

summary {
    color: #ffd60a;
    text-align: center;
    font-family: 'Alice';
    text-decoration: underline;
}

h1 {
    color: #ffc300;
    text-align: center;
    font-family: 'Audiowide';
    font-size: 30px;
}

a {
    color: #00b4d8;
    text-align: center;
    font-family: 'Nixie One';
}

a.sc {
    color: #00b4d8;
    text-align: center;
}

a.li {
    font-family: 'Nixie One';
    text-decoration: none;
}

nav {
    background-color:#ffc300;
    width: 10%;
    display: inline-block;
}

nav h3:hover{
    background-color:#ffd60a;
    display: block;
}
nav a {
    color:#001d3d;
    display: block;
}

hr.new1 {
    border: 1px dotted white;
  }

img {
    border: 1px solid white;
}

ul {
    padding-left: 40px;
    list-style-type: none;
}
ul li {
    padding-left: 20px;
    background-image: url(planetdotjot.png);
    background-position: 0 0;
    background-size: 1.6 rem 1.6 rem;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: 47%;
    background-position-y: 50%;
}

table, th, td {
    border: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    color:#ffffff;
}

div.c{
    float:left;
    width:33%;
}

div.d{
    float:left;
    width:64%;
}
div.ta{
    float:left;
    width:33%;
}
div.tb{
    float:left;
    width:33%;
}
div.tc{
    float:left;
    width:33%;
}