ul {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }

body {
  font-family: sans-serif; }

  header .burger {
    width: 60px;
    height: 28px;
    cursor: pointer;
    position: relative;
		margin: 15px 0px 0px 0px;
    z-index: 999; }
    header .burger > div {
      width: 100%;
      height: 3px;
      background-color: #e4124f;
      border-radius: 6px;
      position: absolute; }

.normal:first-child {
  top: 0;
  left: 0;
  -webkit-transition: 0.2s;
          transition: 0.2s; }

.normal:nth-child(2) {
  top: 9px;
  left: 0; }

.normal:last-child {
  top: 18px;
  left: 0;
  -webkit-transition: 0.2s;
          transition: 0.2s; }

.burger:hover .normal:first-child {
  top: -3px; }

.burger:hover .normal:last-child {
  top: 21px; }

.topline {
  -webkit-animation: top 0.5s;
          animation: top 0.5s;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px; }

.bottomline {
  -webkit-animation: bottom 0.5s;
          animation: bottom 0.5s;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px; }

@-webkit-keyframes top {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  0% {
    top: 0; }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  100% {
    top: 10px; } }

@keyframes top {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  0% {
    top: 0; }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  100% {
    top: 10px; } }

@-webkit-keyframes bottom {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  0% {
    top: 21px; }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  100% {
    top: 10px; } }

@keyframes bottom {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  0% {
    top: 21px; }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  100% {
    top: 10px; } }

.nav {
  width: 100%;
  background-color: black;
  color: white;
  display: none;
  opacity: 0.7;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
 }
  .nav-list {
    text-align: center;
    margin-top: 40px; }
    .nav-list:first-child {
      margin-top: 100px; }