/* mobile */

@media only screen and (max-width: 600px) {
  body {
    background: url("../img/winxp.jpg");
    background-repeat: repeat;
  }
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #FF69B4 #4B0082;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #4B0082;
}

*::-webkit-scrollbar-thumb {
  background-color: #FF69B4;
  border-radius: 20px;
  border: 3px solid #4B0082;
}

body {
  height: 100vh;
  background-image: url("../img/winxp.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
}

.fixedep {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.star {
    width: 145px;
    text-align: left;
    margin-bottom: -22px;
}

.pclass {
    font-size: 74px;
    margin-left: 0;
    margin-bottom: 0px;
    font-weight: bold;
    font-family: 'Comic Neue', cursive;
    font-style: normal;
    letter-spacing: -2px;
    text-shadow: 4px 0px var(--teal);
}

#sbody {
  font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: 'Comic Neue', cursive;
    font-style: normal;
}

#equtbimage {
  font-size: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#audioplayerdivstop {
  margin-bottom: 160px;
}

#playicon {
  margin-bottom: 2px;
}

.table tr, .table td, .table th {border: 0!important;}

#equtb {
  width: 100%;
  font-weight: bold;
  font-family: 'Comic Neue';
  font-style: normal;
  font-size: small;
  text-align: left;
  color: black;
}

#equiDesc {
  margin-top: 10px;
  padding: 4%;
  
}

#ws:link {
  text-decoration: none;
  color: inherit;
}

#ws:visited {
  text-decoration: none;
  color: inherit;
}

#ws:hover {
  text-decoration: none;
  color: coral;
}

#ws:active {
  text-decoration: none;
  color: inherit;
}