/* ---------------------------------------------- */
/* LOGO media queries */
/* ---------------------------------------------- */

   @media screen and (max-width: 2000px) {
        .ts4logo{
          position: absolute;
          width: 16%;
          height: auto;
          z-index: 2;
          right: 10%;
          top: 6%;
        }
    }

  @media screen and (max-width: 650px) {
        .ts4logo{
           position: absolute;
           width: 25%;
           height: auto;
           z-index: 2;
           right: 1%;
           top: 1%;
        }
    }

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

          /* ----------------------- */
          /*------ COMPUTER ---------*/
          /* ----------------------- */
      @media screen and (max-width: 2000px) {
            .divider{
                width: 90%;
                height: auto;
                margin: 5%;
            }
        .newpeople{
            width: 35%;
            height: 450px;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 2%;
            background-color: var(--bgpinkdark);
            border: 4px outset var(--borderpink);
                overflow-y: scroll;
                overflow-x: hidden;
        }
            h.newtxt{
                color: rgb(32, 255, 62);
                text-shadow: 0px 0px 10px rgba(90, 255, 98, 0.674);
                font-size: 18px;
            }
            h2.newtxt{
                color: rgb(231, 182, 255);
                font-size: 15px;
            }
            p.newtxt{
                width: 90%;
                color: white;
                text-align: left;
                font-size: 13px;
                margin-top: -1%;
            }
                .screenshot3{
                    width: 100%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin-bottom: 5%;
                }
                .screenshot4{
                    width: 70%;
                    height: auto;
                    border: 3px solid var(--borderpink);
                    margin-bottom: 5%;
                }
        .tips{
            width: 53%;
            height: 450px;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 2%;
            background-color: var(--bgpinkdark);
            border: 4px outset var(--borderpink);
                font-size: 14px;
            overflow-y: scroll;
            overflow-x: hidden;
        }
            h.tipstxt{
                color: rgb(32, 255, 62);
                text-shadow: 0px 0px 10px rgba(90, 255, 98, 0.674);
                font-size: 18px;
            }
                h2.tipstxt{
                    color: white;
                    font-size: 14px;
                    text-decoration: underline;
                    font-weight: 400;
                }
            a.tipstxt{
                color: white;
                font-size: 14px;
            }
                a.tipstxt:hover{
                    color: rgb(177, 219, 255);
                    text-shadow: 0px 0px 10px rgba(87, 179, 255, 0.551);
                }
            p.tipstxt{
                width: 90%;
                color: white;
                text-align: left;
                font-size: 13px;
            }
                .screenshot1{
                    width: 80%;
                    height: auto;
                    margin: 2%;
                }
                .screenshot2{
                    width: 70%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin: 2%;
                }
                .screenshot5{
                    width: 70%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin: 2%;
                }
                .screenshot6{
                    width: 80%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin: 2%;
                }
                .screenshot7{
                    width: 40%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin: 2%;
                }
                .screenshot8{
                    width: 90%;
                    height: auto;
                    border: 3px dashed var(--borderpink);
                    margin: 2%;
                }
        .essential{
            width: 40%;
            height: 450px;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 2%;
            background-color: var(--bgpinkdark);
            border: 4px outset var(--borderpink);
                overflow-y: scroll;
                overflow-x: hidden;
        } 
            h.essentialtxt{
                color: rgb(32, 255, 62);
                text-shadow: 0px 0px 10px rgba(90, 255, 98, 0.674);
                font-size: 18px;
            }
            a.essentialtxt{
                color: white;
                font-size: 14px;
                text-align: center;
            }
                a.essentialtxt:hover{
                    color: rgb(177, 219, 255);
                    text-shadow: 0px 0px 10px rgba(87, 179, 255, 0.551);
                }
            p.essentialtxt{
                color: white;
                text-align: left;
                font-size: 13px;
            }
            .warningtxt{
                width: 90%;
                height: auto;
                    padding: 2%;
                background: rgba(0, 0, 0, 0.547);
                border: 2px dashed rgb(221, 255, 0);
                color: rgb(241, 255, 152);
                font-size: 12px;
                text-align: center;
            }
      }

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