#root {
  max-width: 736px;
  margin: 0 auto;
  background-color: white;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

/* Desktop (>=1024px): release the mobile phone-frame cap so the persistent
   sidebar + content layout can use the full viewport width. */
@media (min-width: 1024px) {
  #root {
    max-width: none;
    margin: 0;
    box-shadow: none;
  }
}

body {
  padding: 0;
  margin: 0;
  background-color: white;
  font-family: "Pretendard";
}

button {
  cursor: pointer; /* Makes the cursor look like a pointer when hovering over a button */
  appearance: none; /* Removes the default appearance */
  -webkit-appearance: none; /* Removes the default appearance */
  -moz-appearance: none; /* Removes the default appearance */
  -ms-appearance: none; /* Removes the default appearance */
  -o-appearance: none; /* Removes the default appearance */
  outline: none; /* Removes the outline */
  cursor: pointer; /* Makes the cursor look like a pointer */
  user-select: none; /* Makes the button unselectable */
  -webkit-tap-highlight-color: transparent; /* Removes the tap highlight color */
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

input {
  font: inherit; /* Makes the font inherit */
  appearance: none; /* Removes the default appearance */
  -webkit-appearance: none; /* Removes the default appearance */
  -moz-appearance: none; /* Removes the default appearance */
  -ms-appearance: none; /* Removes the default appearance */
  -o-appearance: none; /* Removes the default appearance */
  outline: none; /* Removes the outline */
  cursor: pointer; /* Makes the cursor look like a pointer */
  user-select: none; /* Makes the input unselectable */
  -webkit-tap-highlight-color: transparent; /* Removes the tap highlight color */
}

a {
  text-decoration: none;
}