@import "./variable.css";

.title{
  font-size: 15px;
  background-color: #ddd;
  border: 1px solid #777;
  border-radius: 5px;
  margin-right: 40px;
  margin-left: 40px !important;
  align-items: center;
}

h1{
  font-size: medium;
  margin-bottom: 0px !important;
}

#bg-download{
  background-color: white;
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  width: 300px !important;
  padding: 8px;
}

#bg-download{
  cursor: pointer;
}

#download{
  font-size: medium;
  color: var(--primary-color);
  text-decoration: none;
}


.item {
  position:relative;
  display:inline-block;
}
.notify-badge{
  position: absolute;
  top:10px;
  background:var(--primary-color);
  text-align: center;
  border-radius: 15px;
  color:white;
  padding:3px 10px;
  font-size:15px;
}

.remove-space{
  margin-right: -90px;
}

.line{
  line-height: 35px;
}

footer{
  padding-top: 10px;
}

#img-product-1{
  width: 250px;
  height: 250px;
}

#img-product-2{
  width: 300px;
  height: 350px;
}

#img-product-3{
  width: 300px;
  height: 250px;
}

#img-product-4{
  width: 350px;
  height: 300px;
}

#img-product-5{
  width: 350px !important;
  height: 300px;
}

#img-product-6{
  width: 300px;
  height: 300px;
}

#link{
  color: var(--primary-color);
}