@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
/* copied this from sfools so uhhhh sexy if you see this sorry but i was too lazy to get the font from google*/

/* so uhhhh thats the header */
.header_test {
    margin-top: 0px;
  padding: 0px;
  background: #1abc9c;
  color: white;
  font-size: 30px;
    position: fixed;
  top: 0;
  right: 5px;
  width: 100%;
  height: 100px;
  outline: 3px solid;
  outline-color: black;
  z-index: 67;
}

/* the sfools button part idfk what menu button does but it works so no touch */

.Logo {
  font-size: 70px;
  text-shadow: 0px 0px 5px white;
  font-family: "Rubik", sans-serif;
  margin: 0;
  float: right;
}

#menu-button {
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
  float: right;
  position: relative;
  right: 50px;
  bottom: 120px;
}

/* new button for my header */

.newbuttonyay {
  float: right;
}

#home-button {
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
  float: left;
  position: relative;
  left: 45px;
  bottom: 110px;
}

.toomuchclasses {
    position: relative;
    left: 140px;
}

/* as you can see i suck at css */

.idfk_atp:link {
    color: white;
    text-decoration: none;
}

.idfk_atp:visited {
    color: white;
    text-decoration: none;
}
.idfk_atp:active {
    color: white;
    text-decoration: none;

}