/*******************************************/
/* CSS File for personal portfolio website */
/*******************************************/

/* Generic HTML elements */
body {
  margin: 0%;
  padding: 0%;
  font-family: Courier;
}

header {
  padding: 1%;
  display: inline;
  font-size: 80%;
}
header > a {
  color: cyan;
  text-decoration: none;
}
header > a > h1 {
  display: inline;
}

h1 {
  text-align: center;
}

nav {
  display: none;
}
nav > a {
  display: block;
  padding: 1%;
  text-decoration: none;
  color: cyan;
  font-size: 110%;
}
nav > a:hover {
  background-color: cyan;
  color: black;
}

/*********************/
/* Specific elements */
/*********************/

/* Top header/navigation bar */
.top-bar {
  padding: 1%;
  background: black;
  width: 100%;
}

/*********************************/
/* Large screen (laptop/desktop) */
/*********************************/
@media screen and (min-width: 800px){
  /* Generic HTML elements */
  header {
    width: 30%;
  }
  nav {
    display: inline;
  }
  nav > a {
    display: inline;
  }
}