28 lines
554 B
CSS
28 lines
554 B
CSS
|
|
$display-font-sizes: (
|
|
1: 5rem,
|
|
2: 4.5rem,
|
|
3: 4rem,
|
|
4: 3.5rem,
|
|
5: 3rem,
|
|
6: 2.5rem
|
|
);
|
|
|
|
.create-container {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 390px; /* Prevent it from getting too huge */
|
|
aspect-ratio: 3 / 4; /* Maintains card shape dynamically */
|
|
background-color: var(--bg-color);
|
|
border-width: .5rem;
|
|
border-style: solid;
|
|
border-radius: 5% / 3.5%;
|
|
border-color: var(--border-color);
|
|
box-shadow: 0 0 10px var(--border-color);
|
|
}
|
|
|
|
.checkbox-styling {
|
|
width: 100px;
|
|
height: 100px;
|
|
|
|
} |