2021-12-22 18:40:46 +01:00
|
|
|
button {
|
|
|
|
background-color: var(--yellow);
|
|
|
|
border-radius: .2rem;
|
|
|
|
border-style: none;
|
|
|
|
margin-top: .8rem;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
padding: .2rem .8rem;
|
|
|
|
filter: drop-shadow(0 0 0.75rem #363636);
|
|
|
|
transition: .2s;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
&:hover{
|
|
|
|
background-color: var(--yellow-dark);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-04-14 12:41:23 +02:00
|
|
|
input, select {
|
2021-12-22 18:40:46 +01:00
|
|
|
color: white;
|
|
|
|
padding: .2rem .5rem;
|
|
|
|
background-color: var(--codeblock);
|
|
|
|
margin-top: .3rem;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
border-style: none;
|
|
|
|
border-radius: .2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.code{
|
|
|
|
max-width: 900px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.copy {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.responsive {
|
|
|
|
width: 100%;
|
|
|
|
padding: 10px;
|
|
|
|
max-width: 100rem;
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width:600px) {
|
2022-04-14 12:41:23 +02:00
|
|
|
input, select {
|
2021-12-22 18:40:46 +01:00
|
|
|
font-size: 1rem;
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
font-size: 1rem;
|
|
|
|
padding: .1rem .5rem;
|
|
|
|
}
|
|
|
|
.code{
|
|
|
|
max-width: 300px;
|
|
|
|
}
|
2021-12-21 14:12:09 +01:00
|
|
|
}
|