nav {
    position: absolute;
    left: 0;
    top: 0;
    color: rgb(214,166,66);
    width: 15rem;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(120deg, rgb(61, 61, 61),rgb(61, 61, 61), rgb(53, 53, 53),  transparent);
  }
  
  nav .SideButtonContainer {
    position: absolute;
    top: 1rem;
    width: 100%;
  }
  
  nav .SideButtonContainer .SideButton {
    display: flex;
    background-color: rgba(255, 255, 255, .03);
    width: 12rem;
    height: 2.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: .75rem;
    border-radius: 8px;
    transition: .3s;
    overflow: hidden;
  }
  
  nav .SideButtonContainer .SideButton > bar {
    position: absolute;
    background-image: radial-gradient(rgba(214,166,66, .5), transparent);
    height: 200%;
    width: .8rem;
    top: 0;
    left: -5.6rem;
    transform: rotate(45deg);
  }
  
  nav .SideButtonContainer .SideButton:hover {
    background-color: rgb(255, 255, 255, .05);
    cursor: pointer;
  }

  nav .SideButtonContainer .SideButton:active {
    transform: scale(.95) translateX(-52.5%);
  }
  
  nav .SideButtonContainer .SideButton:hover > bar {
    animation: slideRight .65s forwards;
  }
  
  @keyframes slideRight {
    0% {
      left: -5.6rem;
      top: -1rem;
    }
    100% {
      left: 18rem;
      top: -1rem;
    }
  }
  
  nav .SideButtonContainer .SideButton svg {
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    left: 1rem;
  }
  
  nav .SideButtonContainer .SideButton h2 {
    position: relative;
    left: 3.25rem;
    transition: .5s;
    font-size: 1.05rem;
  }

  nav .SideButtonContainer .selected svg { 
    font-size: 1.7rem;
  }
  nav .SideButtonContainer .selected h2 { 
    font-size: 1.2rem;
  }

  nav .SideButtonContainer .selected {
    cursor: none;
    pointer-events: none;
    animation: pulse_shadow 3s forwards infinite;
    width: 85%;
    box-shadow: 0 0 5px 2.5px rgb(139, 114, 0);
  }

  @keyframes pulse_shadow {
    0%, 100% {
      box-shadow: 0 0 6px 3.5px rgb(139, 114, 0);
    }
    50% {
      box-shadow: 0 0 5px 2.5px rgba(139, 114, 0, .5);
    }
  }