Spaces:
Sleeping
Sleeping
h1 { | |
text-align: center; | |
display: block; | |
} | |
#duplicate-button { | |
text-decoration: none; | |
text-transform: uppercase; | |
color: #000; | |
cursor: pointer; | |
border: 3px solid; | |
padding: 0.25em 0.5em; | |
box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px; | |
position: relative; | |
user-select: none; | |
-webkit-user-select: none; | |
touch-action: manipulation; | |
margin: auto; | |
} | |
#duplicate-button:active { | |
box-shadow: 0px 0px 0px 0px; | |
top: 5px; | |
left: 5px; | |
} | |
@media (min-width: 768px) { | |
#duplicate-button { | |
padding: 0.25em 0.75em; | |
} | |
} | |
#component-0 { | |
max-width: 730px; | |
margin: auto; | |
margin-top: 25px; | |
padding-top: 1.5rem; | |
border: 1px solid rgba(0, 0, 0, 0.3); | |
border-radius: 15px; | |
padding: 20px; | |
} | |
@media (max-width: 450px) { | |
#component-0 { | |
border: none; | |
} | |
} |