/* details{
    padding: 1rem 0 1.3rem 0;
    } */


    details[open] summary~* {
      animation: open 0.3s ease-in-out;
    }
    
    @keyframes open {
      0% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }
    
    details summary::-webkit-details-marker {
      display: none;
    }
    
    .details_wrapper {
      width: 95%;
      margin: auto;
    }
    
    details {
      padding: .4rem .5rem .4rem .5rem;
      /* border: .5px solid var(--textColor01); */
      border: .5px solid var(--footerTopBorderColor01);
      margin: 1rem 0;
      border-radius: 6px;
    }
    
    details summary {
      width: 100%;
      /* padding: 0.5rem 0; */
      /* border-top: 1px solid var(--textColor01); */
      /* border-bottom: 1px solid var(--textColor01); */
      /* border: 1px solid var(--textColor01); */
      position: relative;
      cursor: pointer;
      font-size: 1.1rem;
      font-weight: 300;
      list-style: none;
    }
    
    details summary:after {
      content: "+";
      color: var(--textColor01);
      position: absolute;
      /* font-size: 1.75rem; */
      line-height: 0;
      margin-top: 0.75rem;
      right: 0;
      /* font-weight: 200; */
      transform-origin: center;
      transition: 200ms linear;
    }
    
    details[open] summary:after {
      transform: rotate(45deg);
      font-size: 2rem;
    }
    
    details summary {
      outline: 0;
      /* padding-left: .5rem; */
    }
    
    .details_discription {
      font-size: 0.95rem;
      margin: 0 0 1rem;
      padding-top: 1rem;
      padding: 2rem 2rem 0rem 2rem;
      font-weight: 200;
    }
    
    /* } */