* {
  margin: 0;
  padding: 0; }

body {
  font-family: Arial;
  font-size: 62.5%; }

ul li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  max-width: 100%; }

nav {
  width: 100%;
  height: 6em;
  background: white;
  box-shadow: 0em 0em 1em #ccc;
  position: fixed;
  top: 0;
  z-index: 5;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  nav #name {
    height: 100%;
    width: 40em;
    margin: 1em 0.8em; }
  nav p {
    font-size: 4.5em;
    font-weight: lighter;
    line-height: 100%;
    letter-spacing: 0.05em; }
  nav .item {
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    nav .item ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: cloumn;
      justify-content: center; }
      nav .item ul li {
        height: 100%;
        line-height: 350%;
        margin-right: 1.5em;
        font-size: 2em; }
        nav .item ul li a {
          color: #444444; }
          nav .item ul li a:hover {
            color: #31c27c; }

.dropdown {
  display: inline-block; }

.drop_cont {
  display: none;
  position: absolute;
  background: white;
  box-sizing: border-box;
  border: 0.1em #ccc dashed;
  margin-top: 0.12em;
  margin-left: -1.8em; }
  .drop_cont dl {
    width: 7em; }
  .drop_cont dd {
    width: 7em;
    float: left;
    margin: 0  1.5em; }
  .drop_cont a {
    font-size: 0.8em; }

.dropdown:hover .drop_cont {
  display: block; }

footer {
  width: 100%;
  height: 40em;
  background: #eee;
  padding-top: 3em;
  color: #666;
  box-sizing: border-box;
  box-shadow: 0em 0em 0.8em #eee; }
  footer #f3 {
    margin: 0 auto;
    width: auto;
    padding: 0em 20% 0em 20%;
    margin-bottom: 2.4em; }
  footer strong {
    font-size: 4em;
    font-weight: lighter;
    color: #444; }
  footer #f0 {
    margin-top: 2em;
    font-size: 2em; }
  footer #f1 p {
    height: 3em;
    font-size: 2.5em;
    text-align: right;
    margin-top: 0.5em; }
    footer #f1 p img {
      padding-left: 1em;
      max-width: 3%; }
  footer .f2 {
    font-size: 1.5em;
    text-align: center; }

/*# sourceMappingURL=base.css.map */