style.css

body {
   font-family: tahoma;
   color:#282828;
   margin: 0px;
 }

 .nav-bar {
   background: linear-gradient(-90deg, #84CF6A, #16C0B0);
   height: 60px;
   margin-bottom: 15px;
 }

 .product {
   display: flex;
   flex-flow: wrap;
   padding: 1rem;
 }

 img {
   border: 1px solid #d8d8d8;
   width: 70%;
   margin: 40px;
   box-shadow: 0px .5px 1px #d8d8d8;
 }

 .product-image {
   width: 80%;
 }

 .product-image,
 .product-info {
   margin-top: 10px;
   width: 50%;
 }

 .color-box {
   width: 40px;
   height: 40px;
   margin-top: 5px;
 }

 .cart {
   margin-right: 25px;
   float: right;
   border: 1px solid #d8d8d8;
   padding: 5px 20px;
 }

 button {
   margin-top: 30px;
   border: none;
   background-color: #1E95EA;
   color: white;
   height: 40px;
   width: 100px;
   font-size: 14px;
 }

 .disabledButton {
   background-color: #d8d8d8;
 }

 .review-form {
   width: 400px;
   padding: 20px;
   margin: 40px;
   border: 1px solid #d8d8d8;
 }

 input {
   width: 100%;
   height: 25px;
   margin-bottom: 20px;
 }


 textarea {
   width: 100%;
   height: 60px;
 }

 .tab {
   margin-left: 20px;
   cursor: pointer;
 }

 .outOfStock {
   text-decoration: line-through;
 }

 .inStock {
   text-decoration: underline;
   /* font-size: 30px; */
 }

 .activeTab {
   color: #16C0B0;
   text-decoration: underline;
 }
 .size > li{
   text-decoration: none;
   display: flex;
 }

 .size {
   width: 30%;
   justify-content: space-around;
   display: flex;
 }

 .onSale{
   border: 4px solid red;
   border-radius: 30%;
   background-color: red;
   color: white;
   font-weight: 500;
   font-size: 30;
   margin-right: 30px;
 }

 /* .form-holder{
   margin-auto;
 } */