35 lines
565 B
CSS
35 lines
565 B
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
}
|
|
|
|
#content {
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 100%;
|
|
max-width: 500px;
|
|
position: absolute;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.color-palette {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.single-color {
|
|
width: 20%;
|
|
float: left;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
.single-color div {
|
|
padding-top: 50%;
|
|
margin-top: 50px;
|
|
margin-bottom: 2px;
|
|
} |