* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Ubuntu", sans-serif; } .logo { width: 8%; height: 8%; margin: 2px 5px; } .logo:hover { cursor: pointer; border: 2px solid black; border-radius: 50%; } .co { margin-bottom: 8px; } .co1 { text-align: center; background: linear-gradient(70deg, #fff810 30%, rgba(0, 0, 0, 0) 30%), linear-gradient(30deg, #63e89e 60%, #ff7ee3 60%); } .co2 { display: flex; justify-content: space-around; background-color: gainsboro; padding: 14px; position: sticky; } .co2 a { text-decoration: none; font-size: 22px; color: black !important; } .co2 a:hover { border: 2px solid black; } footer { padding: 20px; background-color: #333; position: absolute; bottom: 0; width: 100%; } footer a { color: white; text-decoration: none; padding: 10px; } .row { display: flex; } .imf { margin: 10px; display: flex; flex-direction: column; text-align: center; } .buttons { display: flex; justify-content: space-evenly; align-items: center; } .btn1, .btn2 { margin: 10px; font-size: 45px; } .btn1 button { background-color: orange; border: none; border-radius: 5px; color: white; margin-bottom: 40px; } button:hover { cursor: pointer; } .btn2 button { background-color: rgb(255, 123, 0); color: white; border: none; border-radius: 5px; margin-bottom: 40px; } .buttons button { padding: 10px; font-size: 20px; } .des { margin: 10px; } .des h2 { padding: 5px; } .des p { padding: 5px; } .price { font-size: 40px; padding: 5px; } #actual { margin: 5px; padding: 5px; } #disc { color: green; } .grey { color: grey; } table th, td { padding: 10px; border-collapse: collapse; } .color { color: rgb(5, 187, 5); }