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

          /* ----------------------- */
          /*------ COMPUTER ---------*/
          /* ----------------------- */
      @media screen and (max-width: 2000px) {
          .graphic-sites{
            width: 25%;
            height: auto;
            background-color: var(--bgpinkdark);
            border: 3px dashed var(--borderpink);
            display: flex;
            flex-direction: column;
            padding: 2%;
          }
              h.graphictxt{
                color:rgb(255, 188, 222);
                text-shadow: 1px 1px 5px rgba(255, 94, 196, 0.77);;
                margin-bottom: 2%;
                font-size: 18px;
                text-align: center;
              }
              a.graphictxt{
                color: white;
                text-decoration: none;
                padding-bottom: 2%;
                font-size: 15px;
                margin-left: 3%;
                transition: 300ms;
              }
                  a.graphictxt:hover{
                    color: rgb(186, 255, 245);;
                    text-shadow: 1px 1px 5px rgba(0, 255, 217, 0.77);;
                    text-decoration: none;
                    padding-left: 6%;
                    transition: 300ms;
                   }
          .coding-div{
            width: 65%;
            height: auto;
            border: 3px outset rgb(205, 24, 255);
            background-color: #5e246480;
            padding: 1%;
            text-align: center;
          }
            .coding{
              width: 100%;
              height: auto;
              display: grid;
              grid-template-columns: 30% 70%;
              margin-top: 2%;
                border-top: 2px dashed var(--borderpink);
            }
                  a.codingtxt{
                    color: rgb(250, 220, 255);
                    text-shadow: 1px 1px 10px rgb(194, 41, 255);;
                    font-size: 14px;
                    text-decoration: none;
                    transition: 300ms;
                  }
                      a.codingtxt:hover{
                        font-size: 15px;
                        transition: 300ms;
                      }
                  p.codingtxt{
                    color: rgb(255, 210, 232);
                    font-size: 13px;
                  }
                  h.codingtxt{
                    color: rgb(200, 255, 210);
                    text-shadow: 1px 1px 10px rgb(0, 255, 17);;
                    font-size: 18px;
                  }
              .codegrid1{
                height: auto;
                background-color: rgba(121, 0, 137, 0.377);
                  border-bottom: 2px dashed var(--borderpink);
                  border-left: 2px dashed var(--borderpink);
                padding: 2%;
                text-align: center;
                align-content: center;
              }
               .codegrid2{
                height: auto;
                background-color: #79007f45;
                  border-right: 2px dashed var(--borderpink);
                  border-bottom: 2px dashed var(--borderpink);
                padding-left: 2%;
                padding-right: 2%;
                text-align: start;
                align-content: center;
              }

        .topdiv2{
          width: 96%;
          height: auto;
          padding: 2%;
          display: flex;
          flex-direction: row;
          justify-content: space-evenly;
        } 
        .tumblr-link{
          width: 45%;
          height: auto;
          background-color: #5e2464;
        }
        .other-pages{
          width: 45%;
          height: auto;
          display: flex;
          flex-direction: column;
          align-items: center;
        } 
        .graphicz-txt{
          width: 50%;
          height: auto;
          padding: 2%;
          margin-bottom: 5%;
          color: rgb(224, 255, 255);
          text-shadow: 1px 1px 10px rgb(41, 255, 248);;
          font-size: 18px;
          background-color: rgba(103, 255, 192, 0.359);
          border: 3px outset rgb(82, 255, 29);
          text-align: center;
          text-decoration: none;
          transition: 500ms;
        }
                .graphicz-txt:hover{
                    color: rgb(224, 255, 255);
                    text-shadow: 1px 1px 10px rgb(41, 255, 248);;
                    background-color: rgba(37, 91, 183, 0.408);
                    border: 3px outset rgb(30, 0, 255);
                    transition: 500ms;
                }
                
                
      }

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