/* intentionally outdated / constructor-like look */
body{
  margin:0;
  font-family: Arial, sans-serif;
  background: #f7f2ff;
  color:#222;
}
.top{
  background: linear-gradient(90deg, #7c3aed, #ec4899);
  color:white;
  padding:14px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom: 4px solid #111;
}
.logo{
  font-weight:900;
  letter-spacing:2px;
  text-shadow: 2px 2px 0 rgba(0,0,0,.35);
}
.menuBtn{
  background: yellow;
  border: 3px solid black;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}
.wrap{
  max-width: 900px;
  margin: 14px auto 50px;
  background: white;
  border: 4px dashed #7c3aed;
  box-shadow: 0 12px 0 rgba(0,0,0,.25);
  padding: 14px 16px 26px;
}
h1{
  margin: 8px 0 4px;
  font-size: 34px;
  text-align:center;
  text-transform:uppercase;
}
.badge{
  text-align:center;
  margin: 4px auto 18px;
  background: #111;
  color: #fff;
  display:inline-block;
  padding: 6px 10px;
}
h2{
  background: #e9d5ff;
  padding: 8px 10px;
  border-left: 8px solid #7c3aed;
}
.list{font-size:18px}
.oldTable{
  width:100%;
  border-collapse: collapse;
  font-size:18px;
  background: #fff7ed;
}
.oldTable th, .oldTable td{
  border: 3px solid #111;
  padding: 10px;
}
.oldTable th{
  background: #fbbf24;
}
.legal{
  border: 3px dotted #111;
  padding: 10px;
  background: #d1fae5;
}
.footerOld{
  margin-top: 22px;
  text-align:center;
  font-size:12px;
  opacity:.8;
}
.oldMenu{
  position: sticky;
  top: 0;
  background: #111;
  padding: 10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  border-bottom: 3px solid yellow;
  z-index: 10;
}
.oldLink{
  color: #fff;
  background: #7c3aed;
  padding: 8px 10px;
  border: 2px solid #fff;
}
.oldBtn{
  margin-left:auto;
  color:#111;
  background: yellow;
  padding: 8px 10px;
  border: 3px solid #fff;
  font-weight: 900;
}


.box{border:3px solid #111; padding:10px; background:#e0f2fe; font-size:18px}