This commit is contained in:
Tomas Krejci 2023-05-29 13:11:34 +02:00
parent fc53a5c7cb
commit 54be143b50

View File

@ -1,43 +1,3 @@
.App {
text-align: center;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
* {
margin: 0;
padding: 0;
@ -72,6 +32,7 @@ ul {
li:hover {
opacity: 80%;
cursor: pointer;
color: rgb(255, 82, 14);
}
button {
@ -83,20 +44,34 @@ button {
button:hover {
opacity: 80%;
color: rgb(255, 82, 14);
}
button[disabled] {
opacity: 50%;
color: grey;
}
button[disabled]:hover {
opacity: 50%;
color: grey;
}
.primary {
color: darkslategrey;
background-color: antiquewhite;
font-weight: bold;
}
.secondary {
background-color: darkslategrey;
color: antiquewhite;
border: 1px solid antiquewhite;
font-weight: bold;
}
.buttons-wrapper {
display: flex;
gap: 0.75rem;
}
}