Edit File - File Manager

Edit File: style.css

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  font-family: "Cairo", serif;
  overflow-x: hidden;
  direction: rtl;
}

img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul{
  padding: 0;
  list-style: none;
  margin-top: 50px;
}

.receipt_page {
  max-width: 80%;
  margin: 50px auto;
}

.receipt_page .header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

@media (max-width:560px){
  .receipt_page .header{
    flex-direction: column;
  }  
}
.receipt_page .header .image{
  width: 100px;
}

.receipt_page .header .image:last-of-type{
  width: 140px;
}

.receipt_page .header h4{
  font-size: clamp(14px , 2.5vw , 16px);
  background: #7C9DC4;
  color: #fff;
  padding: 4px 30px;
  border-radius: 20px;
}

ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  height: 40px;
}

ul li:not(:last-of-type){
  border-bottom: 1px solid #e4e4e4;
}

ul li span{
  font-size: clamp(14px , 2.5vw , 16px);
  display: flex;
  gap: 30px;
}

ul li span del{
  color: red;
}

Back to File Manager