.color-palette-generator *{margin:0;padding:0;box-sizing:border-box}.color-palette-generator body{background-color:#f0f0f0;font-family:Arial,sans-serif}.color-palette-generator .color-palette-results{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:0;padding:0;background-color:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .1);border-radius:0}.color-palette-generator .color-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:0;padding:0;background-color:#fff;border-radius:0}.color-palette-generator .color-palette div{position:relative;width:300px;height:500px;text-align:center;line-height:100px;font-size:14px;color:#fff;border-radius:0;cursor:pointer;margin:0;padding:0;box-sizing:border-box}.color-palette-generator .color-palette div .message{position:absolute;bottom:0;left:0;width:100%;background-color:rgb(0 0 0 / .7);color:#fff;padding:5px;font-size:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;opacity:0;transition:opacity 0.2s}.color-palette-generator .color-palette div:hover .message{opacity:1}.buttons-container{display:flex;justify-content:center;align-items:center;max-width:100%;margin:20px auto}.color-palette-generator #generate-button{margin:0 10px 0 10px;padding:13px 20px;min-width:50%;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color 0.3s ease}.color-palette-generator #download-png{margin:0 10px 0 10px;min-width:20%;padding:13px 20px;background-color:#f0f0f0;color:#333;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color 0.3s ease}.color-palette-generator button:hover{background-color:#0056b3}.color-palette-generator #color-theory{display:block;min-width:20%;margin:0 10px 0 10px;padding:10px 20px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.color-palette-generator .container{max-width:100%;margin:0 auto;padding:0}@media screen and (max-width:768px){.color-palette-generator .color-palette div{width:100%;height:75px}.color-palette-generator .color-palette-results,.color-palette-generator .color-palette{margin-top:10px;padding:10px}.buttons-container{flex-direction:column;align-items:center}.color-palette-generator #generate-button,.color-palette-generator #download-png,#color-theory{width:100%;margin:10px 0}}