body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.asylum-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /* background image */
  background: url("https://files.catbox.moe/xzk2h2.jpg") no-repeat center center;
  background-size: 100% 100%;
  background-attachment: scroll;

  color: #eee;
  font-family: "Creepster", serif; /* swap to your asylum font */
  text-shadow: 0 2px 6px rgba(0,0,0,.8);
}

h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.room {
  margin: 1rem;
  padding: 1rem 2rem;
  background: rgba(0,0,0,.6);
  border: 2px solid #660000;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.room:hover {
  background: rgba(0,0,0,.8);
  transform: scale(1.05);
}
/* Paper scrap buttons */
.paper-btn {
  --paper:#f4efe6;           
  --edge:#c9b89f;            
  --ink:#2b2b2b;

  position:relative;
  display:inline-block;
  padding:1.4rem 3rem;   /* ⬅ bigger padding */
  color:var(--ink);
  text-decoration:none;
  font-family:"IM Fell English", "Times New Roman", fancy; 
  font-size:2rem;        /* ⬅ bigger text */
  line-height:1.2;
  background:var(--paper);
  border:3px solid var(--edge); /* ⬅ thicker border so it matches */
  box-shadow:6px 6px 0 rgba(0,0,0,.45); /* ⬅ larger shadow for size */
  transform:rotate(-0.6deg);   
  transition:transform .15s ease, box-shadow .15s ease;

  background-image:
    radial-gradient(transparent 60%, rgba(0,0,0,.05) 61%),
    url("https://www.transparenttextures.com/patterns/paper-fibers.png");
  background-blend-mode: multiply;
  clip-path: polygon(
    4% 3%, 96% 2%, 98% 18%, 95% 36%, 99% 51%,
    96% 67%, 98% 84%, 95% 97%, 6% 98%, 3% 82%,
    5% 66%, 2% 49%, 4% 31%, 2% 15%
  );
}

.paper-btn::before,
.paper-btn::after{
  width:80px;   /* ⬅ tape longer to match bigger button */
  height:14px;
}

.paper-btn:hover{
  transform:translate(-2px,-2px) rotate(-0.6deg);
  box-shadow:6px 6px 0 rgba(0,0,0,.6);
}
.paper-btn:active{
  transform:translate(2px,2px) rotate(-0.6deg);
  box-shadow:1px 1px 0 rgba(0,0,0,.3);
}