top of page

All Entries

bottom of page
body { font-family: "Geist", sans-serif; min-height: 100vh; justify-content: center; align-items: center; display: flex; background-color: #ece9e4; } button { font: inherit; background-color: #f0f0f0; border: 0; color: #242424; border-radius: 0.5em; font-size: 3rem; padding: 0.375em 1em; font-weight: 600; text-shadow: 0 0.0625em 0 #fff; box-shadow: inset 0 0.0625em 0 0 #f4f4f4, 0 0.0625em 0 0 #efefef, 0 0.125em 0 0 #ececec, 0 0.25em 0 0 #e0e0e0, 0 0.3125em 0 0 #dedede, 0 0.375em 0 0 #dcdcdc, 0 0.425em 0 0 #cacaca, 0 0.425em 0.5em 0 #cecece; transition: 0.15s ease; pointer: cursor; &:active, &:hover { translate: 0 0.225em; box-shadow: inset 0 0.03em 0 0 #f4f4f4, 0 0.03em 0 0 #efefef, 0 0.0625em 0 0 #ececec, 0 0.125em 0 0 #e0e0e0, 0 0.125em 0 0 #dedede, 0 0.2em 0 0 #dcdcdc, 0 0.225em 0 0 #cacaca, 0 0.225em 0.375em 0 #cecece; cursor: pointer; } }