body {
  background-color: white;
  overflow-x: hidden;
  max-width: 100%; 
  color: black;
  font-family: 'libre bakersville', serif;
  text-align: center;
  font-size: 1.5vw;
}

body::-webkit-scrollbar {
  display: none;
}

.main-container {
  width: 100vw;   
  height: 100vh;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;
  color: white;
  font-family: serif, times;
  text-align: center;
  font-size: 2vw;
}



.edit-profile {
  width: 1.5vw;   
  height: 2.5vh;
  position: relative;
  left: 42.5vw;
  top: -4vw;
  border: none;
  background-image: url("profile.png");
  background-repeat: no-repeat;
  background-size: cover; 

}

.edit-profile:hover {
  background-color: #D3D3D3;
}
.edit-profile:active {
  background-color: gray;
}

.edit-contact {
  position: relative;
  left: 42.25vw;
  top: -4.25vw;
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1vw;
}

.edit-contact:hover {
  background-color: #D3D3D3;
}
.edit-contact:active {
  background-color: gray;
}


.options {
  width: 100vw;   
  height: 5vh;

  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1vw;
}

.edit-belts {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-belts:hover {
  background-color: #D3D3D3;
}
.edit-belts:active {
  background-color: gray;
}

.edit-bags {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-bags:hover {
  background-color: #D3D3D3;
}
.edit-bags:active {
  background-color: gray;
}

.edit-shoes {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-shoes:hover {
  background-color: #D3D3D3;
}
.edit-shoes:active {
  background-color: gray;
}

.edit-fragrance {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-fragrance:hover {
  background-color: #D3D3D3;
}
.edit-fragrance:active {
  background-color: gray;
}

.edit-apparel {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-apparel:hover {
  background-color: #D3D3D3;
}
.edit-apparel:active {
  background-color: gray;
}

.edit-jewellery {
  border-width: 0;
  background-color: white;
  color: #36454F;
  font-family: 'roboto mono', serif;
  text-align: center;
  font-size: 1.25vw;
}

.edit-jewellery:hover {
  background-color: #D3D3D3;
}
.edit-jewellery:active {
  background-color: gray;
}