.exo-2 {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

body{
    background-color:#171717;
    font-family: "Exo 2";
    color:#3078bb;
    text-align:center;
}

img{
    border-style:ridge;
    border-color:#314c68;
    border-width:9px;
    border-radius:10px;
}

h1{
    font-size:40px;
    font-weight:630;
}

h2{
    font-weight:600;
}

p{
    font-size:17px;
}

nav{
    background-color:#121212;
    text-align:center;
    border:7px ridge #314c68;
    border-radius:3px;
    padding:15px 10px 15px 0px;
    margin:15px;
}

nav a{
    padding:0px 20px 0px 20px;
}

a:hover{
    font-size:17px;
    transition:font .3s;
}

a{
    color:#2e84f5;
    text-decoration:none;
    font-weight:800;
    font:15px;
    transition:font .3s; 
}

.banner{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:65%;
}

.panel,.side-panel{
    background-color:#121212;
    border:9px ridge #314c68;
    border-radius:5px;
    text-align:center;
    margin-top:10px;
    
}

.side-panel img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50%;
}


.center {
  margin-left: auto;
  margin-right: auto;
}

li{
    text-align:left;
}