.menu-btn {  position: fixed;  display: -webkit-flex;  display: flex;  height: 50px;  width: 50px;  z-index: 1000;  background-color: #6495ed;  border-radius: 30px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  }.menu-btn span,.menu-btn span:before,.menu-btn span:after {  content: '';  display: block;  height: 3px;  width: 25px;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  background-color: #ffffff;  position: absolute;  }.menu-btn span:before {  bottom: 8px;  background-color: #ffffff;  }.menu-btn span:after {  top: 8px;  background-color: #ffffff;  }#menu-btn-check:checked ~ .menu-btn span {  background-color: rgba(255, 255, 255, 0);  }#menu-btn-check:checked ~ .menu-btn span::before {  bottom: 0;  transform: rotate(45deg);  }#menu-btn-check:checked ~ .menu-btn span::after {  top: 0;  transform: rotate(-45deg);  }#menu-btn-check:checked ~ .menu-content {  left: 0;  }#menu-btn-check {  display: none;  }/* -------------------------------------------- *//* -------------------------------------------- */.menu-content {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 100%;  z-index: 80;  background-color: #8eafed;  transition: all 0.1s;  }.menu-content ul {  padding: 90px 10px 0;  }.menu-content ul li {  border-bottom: solid 1px #ffffff;  list-style: none;  }.menu-content ul li a {  display: block;  width: 100%;  box-sizing: border-box;  color:#ffffff;  text-decoration: none;  padding: 16px 16px 16px 0;  position: relative;  font-size: 1.1em;  }.menu-content ul li a:hover {  color: #ffffff;  }