Subversion Repositories SmartDukaan

.realme p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 15px;
       color: green;
      }

.realme {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: #FFA500;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.realme:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}


.itel p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 31px;
       color: white;
      }

.itel {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: #DC143C;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.itel:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}

.samsung p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 20px;
      }

.samsung {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: hsl(240, 50%, 25%);
  color: white;
  text-align: center;
  text-indent: .1em;
}
.samsung:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}
.techno p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 28px;
      }

.techno {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: deepskyblue;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.techno:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}



.vivo p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 36px;
      }

.vivo {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background:deepskyblue;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.vivo:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}

.oppo p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 22px;
      }

.oppo {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: seagreen;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.oppo:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}

.nokia p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 22px;
      }

.nokia {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: darkblue;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.nokia:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}
.mi p {
        position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin: 0;
       font-size: 36px;
      }

.mi {
  position: relative;
  width: 130px;
  height: 55px;
  margin: 20px 0;
  background: #FF6347;
  color: white;
  text-align: center;
  text-indent: .1em;
}
.mi:before {
  content: '';
  position: absolute;
  background: inherit;
  border-radius: 2% / 50%;
}