* {text-align: center;}
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300'); 
@import url('https://fonts.googleapis.com/css?family=Rubik:900');

header { font-family: Rubik, sans-serif; text-align: center; color: black; background: #ededed; background-size: cover;}

body {background: #ddd; 
    color: black;
    font-family: 'Roboto Mono', monospace;}

nav {background: #0000;
    color:#ededed;
    margin: 1rem;}
nav ul li  {list-style-type: none;
    text-align: center;}
nav ul li a {color: #ededed; text-decoration: none; text-align: center; padding: 1rem;
    display: block; background:#0000ff;}
nav ul li a:hover 
    {background:black ;
    color: #ededed;}

h1 {text-align: center; font-size: 2.5rem;}
h2 {text-align: center; text-decoration: underline; font-family: Rubik, sans-serif; color: black;}
h3 {color: black;}
h4 {font-family: Rubik, sans-serif; color: black; }
h6 {color: black;}

ul {list-style-type: none;
    padding: 0;
    border: 1px solid #0000ff;
color: black; }
ul li {padding: 8px 16px;
    border-bottom: 1px solid #0000ff;}

img { margin align-content: center; 
     margin-top: 3rem;
     border-radius: 50%;
     padding: 2rem
     margin-bottom: 0rem;}