.psp-dashboard {
     display: flex;
     justify-content: space-between;
     min-height: 100vh;
     &__content {
          order: 2;
          width: 80%;
          flex-grow: 1;
     }
     &__nav {
          width: 20%;
          max-width: 350px;
          order: 1;
     }
     @include for-tablet {
          flex-wrap: wrap;
          &__content {
               width: 100%;
               order: 1;
          }
          &__nav {
               max-width: 100%;
               order: 2;
               width: 100%;
          }
     }
}

#psp-archive-menu {
     background: #fff;
     color: #444;
     box-shadow: 0 10px 15px rgba(0,0,0,0.1);
     padding: 30px;
}

.psp-archive-user {
     padding: 20px;
     text-align: center;
     font-size: 16px;
     border-bottom: 1px solid rgba(0,0,0,.15);
     margin-bottom: 40px;
     img {
          border-radius: 100%;
          border: 8px solid rgba(0,0,0,.15);
     }
     p {
          font-size: 18px;
          margin-top: 5px;
     }
}

.psp-project-list {
     list-style: none;
     margin: 0 0 30px 0;
     padding: 0;
     li {
          a {
               display: block;
               font-size: 14px;
               text-decoration: none;
               font-weight: bold;
               padding: 10px 0;
               transition: 200ms all ease-in-out;
               &:hover {
                    opacity: 0.8;
               }
          }
          border-bottom: 1px solid #ddd;
          &:last-child {
               border-bottom: 0;
          }
     }
}