@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes rotationrev {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0);
  }
}
/* line 21, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .opencloseicon {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
}
/* line 27, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .opencloseicon img {
  width: 40px;
}
/* line 32, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu {
  display: none;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 110;
  width: 200px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
/* line 43, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu ul {
  list-style-type: none;
  padding: 0px;
}
/* line 47, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu ul li a {
  display: block;
  width: 100%;
  padding: 3px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 200px;
  font-family: "Roboto Condensed";
  font-size: 16px;
  text-align: right;
  color: #333333;
}
/* line 58, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu ul li a:hover {
  background-color: #000000;
  color: #ffffff;
}
/* line 66, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu .closebuttonbg {
  text-align: right;
}
/* line 69, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu .closebuttonbg .closebutton {
  cursor: pointer;
  transition: 1s;
  transform: rotate(90deg);
  width: 40px;
}
/* line 75, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu .closebuttonbg .closebutton.opened {
  animation-name: rotation;
  animation-duration: 0.5s;
}
/* line 79, /var/www/htdocs/app/assets/stylesheets/burgermenu.scss */
#burgermenu .openedmenu .closebuttonbg .closebutton.closed {
  animation-name: rotationrev;
  animation-duration: 0.5s;
}