.navbar {
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #000000;
    position: fixed;
    top: 0;
    width: 90vw;
    max-width: 30em;
}

.main {
    margin-top: 4em;
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #000000;
}

.alignleft {
  float: left;
  /* line-height: 1.55; */
  /* font-family: 'Courier', monospace; */
}

.alignright {
  float: right;
}

.unselected {
  text-decoration: none;
}

body {
  max-width: 30em;
  margin: auto;
  padding: 5%;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
  line-height: 1.4;
}

code {
  font-size: 1.2em;
  background-color: #EEEEEE;
}

h1 {
  font-family: 'Lato', sans-serif;
}

a {
  font-family: 'Lato', sans-serif;
  color: #ffda39;
  text-decoration: underline;
  background: linear-gradient(to right,
    #ffe6f2 50%, white 50%);
  background-position: right bottom;
  background-size: 200% 100%;
  -webkit-transition: 0.3s ease;
}

a:hover {
  color: hotpink;
  background-position: left bottom;
}

.img_link {
  background: #00000000;
}

span {
  color: black;
}

h2 {
  font-family: 'Lato', sans-serif;
}

hr {
  border: 0;
  width: 80%;
  color: black;
  background-color: black;
  height: 1.6px;
}