Subversion Repositories SmartDukaan

.realme p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 36px;
    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: 36px;
    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: 36px;
}

.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%;
}

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

.tecno {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    background: deepskyblue;
    color: white;
    text-align: center;
    text-indent: .1em;
}

.tecno: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: 36px;
}

.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: 36px;
}

.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%;
}

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

.oneplus {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    background: red;
    color: white;
    text-align: center;
    text-indent: .1em;
}

.oneplus:before {
    content: '';
    position: absolute;
    background: inherit;
    border-radius: 2% / 50%;
}


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

.xiaomi {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    background: orange;
    color: white;
    text-align: center;
    text-indent: .1em;
}

.xiaomi:before {
    content: '';
    position: absolute;
    background: inherit;
    border-radius: 2% / 50%;
}


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

.flix {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    background: darkkhaki;
    color: white;
    text-align: center;
    text-indent: .1em;
}

.flix:before {
    content: '';
    position: absolute;
    background: inherit;
    border-radius: 2% / 50%;
}


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

.total {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    text-align: center;
    text-indent: .1em;
}

.total:before {
    content: '';
    position: absolute;
    background: inherit;
    border-radius: 2% / 50%;
}

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

.kodak {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    text-align: center;
    background: #eed202;
    text-indent: .1em;
}

.kodak:before {
    content: '';
    position: absolute;
    border-radius: 2% / 50%;
}

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

.lava {
    position: relative;
    width: 130px;
    height: 55px;
    margin: 20px 0;
    text-align: center;
    text-indent: .1em;
    background: #e45356;
}

.lava:before {
    content: '';
    position: absolute;
    border-radius: 2% / 50%;
}