
// .course{
//   position: fixed;
//   top: 55%;
//   right: 2rem;
//   transform: translateY(-50%);
//   width: 3rem;
//   height: 3rem;
//   z-index: 999;
// }
// .course a {
//   text-decoration: none;
//   display: inline-block;
//   width: 3.5rem;
//   height: 3.6rem;
//   padding-top: .2rem;
//   color: #fff;
//   background-color: rgba(233, 197, 97, 0.5);
//   box-shadow: 0 6px 10px 0 rgba(211, 182, 96, 0.4);
//   border-radius: .3rem;
//   text-align: center;
//   line-height: 2.3rem;
//   font-size: 1.7rem;
// }
// .course a:focus, .course a:visited, .course a:hover {
//   outline: none;
//   color: #fff;
//   background-color: #fdbd0f;
// }
html,body{
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  }
.icon_search {
  margin-top: .7rem;
  width: 60%;
}

.course a:nth-child(2),
.course a:nth-child(2),
.course a:nth-child(2) {
  background-color: rgba(38, 89, 211, .5);
}

.course a:nth-child(2):focus,
.course a:nth-child(2):visited,
.course a:nth-child(2):hover {
  background-color: rgba(38, 89, 211, 1);
}
.course a:nth-child(3),
.course a:nth-child(3),
.course a:nth-child(3) {
  background-color: rgba(239,93,93, .5);
}

.course a:nth-child(3):focus,
.course a:nth-child(3):visited,
.course a:nth-child(3):hover {
  background-color: rgba(239,93,93, 1);
}
.course a:nth-child(4),
.course a:nth-child(4),
.course a:nth-child(4) {
  background-color: rgba(88,216,88, .5);
}

.course a:nth-child(4):focus,
.course a:nth-child(4):visited,
.course a:nth-child(4):hover {
  background-color: rgba(88,216,88, 1);
}