/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*CONTENT media queries */
/* ---------------------------------------------- */

          /* ----------------------- */
          /*------ COMPUTER ---------*/
          /* ----------------------- */
      @media screen and (max-width: 2000px) {
        .content1box{
            width: 100%;
            height: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
        }
            .pageindex{
                width: 70%;
                height: 1000px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    background-color: var(--bgpinkdark);
                    border: 3px dashed var(--borderpink);
                overflow-y: scroll;
            }
            .list{
                width: 90%;
                text-align: left;
                color: white;
                font-size: 14px;
            }
            .listheader{
                color: rgb(44, 255, 79);
                text-shadow: 0px 0px 10px rgb(0, 255, 72);
            }
            .item{
                color: white;
                text-decoration: none;
                transition: 300ms;
            }
                .item:hover{
                    color: rgb(255, 119, 194);
                    transition: 300ms;
                    text-shadow: 0px 0px 10px rgba(255, 0, 174, 0.788);
                }
      }

          /* ----------------------- */
          /*------ MOBILE ---------*/
          /* ----------------------- */
      @media screen and (max-width: 600px) {
                
        }