@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto Mono", monospace;

}
.fa-shop{
 position: fixed;
 position: relative;
 top:1rem;
 color: #fff;
}
.fa-shop:hover{
  color: #fff;
  transform: scale(1.3);
  z-index: 2;
}
.fa-book{
  position: fixed;
  position: relative;
  top:1rem;
  color: #fff;
}
.fa-book:hover{
  color: #fff;
  transform: scale(1.3);
  z-index: 2;
}
.fa-user{
 position: fixed;
 position: relative;
 top: 1rem;
 color: #fff;
 transition: 1s;
}
.fa-user:hover{
  color: #fff;
  transform: scale(1.3);
  z-index: 2;
}
.fa-bell{
 position: fixed;
 position: relative;
 top: 1rem;
 color: #fff;
 transition: 1s;
}
.fa-bell:hover{
  color: #fff;
  transform: scale(1.3);
  z-index: 2;
}
.fa-right-from-bracket{
  position: fixed;
  position: relative;
  top: 1rem;
  color: #fff;
  transition: 1s;
}
.fa-right-from-bracket:hover{
  color: #fff;
  transform: scale(1.3);
  z-index: 2;
}

.input i{
 color: #fff;
 position: relative;
 top: 0.1rem;
 left: 0.5rem;
 cursor: pointer;
 transition: 1s;
}
.input i:hover{
  color: #888;
  transform: scale(1.3);
  z-index: 1;
}
.content{
  color: #fff;
  font-size: 0.1px;
}