@import url('./vendor/modern-normalize.min.css') layer(normalize);

:root {
  --paper: oklch(93% 1% 68deg);
  --text: oklch(55% 1% 68deg);
}

.middle {
  display: grid;
  place-items: center;
}

.hidden {
  display: none;
}

.text {
  color: var(--text);
  filter: url(#distort);
}

.font-bold {
  font-weight: 700;
}

.m-0 {
  margin: 0;
}

body {
  font-size: 0.75em;
  min-height: 100dvh;
}

main {
  border-radius: 4px;
  background-color: var(--paper);
  width: 69px;
  height: 114px;
  position: relative;
  border: 1px solid oklch(85% 0% 68deg);
}

main:before {
  content: '';
  position: absolute;
  border-radius: 5px;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  z-index: -1;
  background: linear-gradient(135deg, oklch(95% 0% 68deg), oklch(85% 1% 139deg));
}