body {
        background: #0f0f0f;
        color: #ff69b4;
        font-family: 'Comic Sans MS', 'Wingdings', cursive;
        max-width: 800px;
        margin: 0 auto;
        transform: rotate(0.5deg);
      }

      .portal {
        display: flex;
        gap: 20px;
        padding: 20px;
        background: repeating-linear-gradient(
          45deg,
          #ff00ff,
          #ff00ff 10px,
          #00ffff 10px,
          #00ffff 20px
        );
      }

      .main-content {
        flex: 3;
        background: rgba(0,0,0,0.9);
        padding: 15px;
        border: 3px dotted lime;
      }

      .user-list {
        flex: 1;
        background: #000;
        padding: 15px;
        border: 5px double #ff0;
        animation: glow 2s infinite alternate;
      }

      .announcement {
        background: #8b008b;
        padding: 10px;
        margin-bottom: 20px;
        transform: perspective(300px) rotateX(5deg);
      }

      .post {
        background: #00008b;
        padding: 15px;
        margin: 10px 0;
        border-left: 5px solid #ff4500;
      }

      @keyframes glow {
        from { box-shadow: 0 0 5px #ff0; }
        to { box-shadow: 0 0 20px #ff0; }
      }

      h1 {
        font-size: 3em;
        text-shadow: 2px 2px #00ff00;
        writing-mode: vertical-rl;
        float: left;
        margin-right: 20px;
      }