quiz-klapek/menu.css
2025-05-28 21:17:23 +02:00

31 lines
614 B
CSS

@import url("/styles/variables.css");
main {
min-width: 200px;
max-width: 90%;
}
main article {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
main article div {
margin: 30px;
padding: 20px 35px;
width: 250px;
background-color: var(--color-alt);
border: 1px solid var(--border-basic);
border-radius: 20px;
transition: 0.2s;
user-select: none;
}
main article div:hover {
background-color: var(--color-alt-hover);
}
main article div:active {
background-color: var(--color-alt-active);
}
main article div h3 {
margin-bottom: 30px;
}