html {
    overflow: visible;
}

body {
    background-color:rgb(31, 31, 31)
}

/*Custom scrollbar*/
 ::-webkit-scrollbar {
    width: 12px;
  }

  ::-webkit-scrollbar-track {
    background-color: rgb(230, 222, 252);
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgb(252, 180, 193);
    border-radius: 8000px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgb(160, 139, 217); 
  }

/*Image displaying*/
.container {
    margin-top: 5.2%;
}

.artist {
    margin-top: 10px;
    margin-bottom: 28px;

    color: white;
    font-size: large;

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* Header */

.main {
    background-color: rgb(51,51,51);
    width: 100%;
    height: 6%;

    position: fixed;
    overflow: absolute;

    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}

.mtxt {
    color: white;
    font-size: x-large;

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

    margin-top: 0.5%;

    text-align: center;
}

.mtxt:hover {
    color: rgb(252, 180, 193);
    letter-spacing: 20px;

    transition: letter-spacing 4s, color 3s;
}

/* Buttons */

button {
 border: none;

 background: none;
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.next {
  background-color: rgb(51,51,51);
  color: white;

  font-size: large;

  position: relative;

  margin-left: 94%;
  margin-top: -6%;

  width: 64px;
  height: 64px;

  border-radius: 9999px;
}

.next:hover {
  cursor: pointer;
}

/* Footer */

.secondary {
  background-color: rgb(51,51,51);
  width: 100%;
  height: 18%;

  position: absolute;
  overflow: hidden;

  padding-bottom: 4%;

  margin: auto;
  left: 0%;
  right: 0;
  bottom: -5% auto;
}

.stxt {
  color: white;
  font-size: x-large;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

  margin-top: 0.8%;

  text-align: center;
}

.about {
  color: white;
  font-size: x-large;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

  margin-top: 0.8%;
  margin-right: 20px;
}

.about:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

.api {
  color: white;
  font-size: x-large;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

  margin-top: 0.8%;
  margin-right: 20px;
}

.api:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

.contact {
  color: white;
  font-size: x-large;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

  margin-top: 0.8%;
  margin-right: 20px;
}

.contact:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

.github {
  color: white;
  font-size: x-large;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 

  margin-top: 0.8%;
  margin-right: 20px;
}

.github:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

.dmcab {
  color: white;

  margin-right: 20px;
  margin-top: 2%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: large;
}

.dmcab:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

.tos {
  color: white;

  margin-top: 2%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: large;
}

.tos:hover {
  color: rgb(252, 180, 193);
  letter-spacing: 5px;

  transition: letter-spacing 0.2s, color 0.1s;
  cursor: pointer;
}

b {
  color: red;
}

/* About */

body {
  margin-top: 6.19%;
}

.babout {
  margin-top: 3.5%;
}

.btext {
  color: white;
  
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: larger;
}

a {
  color: white;
}

/* DMCA */

.bdmca {
  margin-top: 8.2%;
}

/* TOS */

.bTOS {
  margin-top: 13.2%;
}