 display: flex;
 justify-content: center;
 align-items: center;
 margin: 20px 0;
 height: 300px;

}

/* Shared styles for both choices */ .dual-choice {

 flex: 1;
 margin: 0 10px;
 position: relative;
 overflow: hidden;
 cursor: pointer;
 text-align: center;
 color: #fff;
 border-radius: 8px;
 transition: transform 0.3s ease, box-shadow 0.3s ease;

}

/* Hover effect: slight scale and box-shadow */ .dual-choice:hover {

 transform: scale(1.05);
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

}

/* Pseudo-element for the background image overlay */ .dual-choice::before {

 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 opacity: 0;
 transition: opacity 0.5s ease;
 z-index: 0;

}

/* On hover, fade in the background image overlay */ .dual-choice:hover::before {

 opacity: 0.5;

}

/* Text style for the choice labels */ .dual-choice .choice-text {

 position: relative;
 z-index: 1;
 font-size: 28px;
 font-weight: bold;
 line-height: 300px; /* vertically centers the text */

}

/* Serious side styling */ .dual-choice.serious {

 background-color: #2c3e50; /* Fallback background color */

} .dual-choice.serious::before {

 background-image: url('https://example.com/serious-bg.jpg'); /* Replace with your serious image */

}

/* Unserious side styling */ .dual-choice.unserious {

 background-color: #e74c3c; /* Fallback background color */

} .dual-choice.unserious::before {

 background-image: url('https://example.com/unserious-bg.jpg'); /* Replace with your unserious image */

} </style>

Serious Wiki

Unserious Wiki

Welcome to Your Wiki!

This is the central hub for our wiki—a place to browse articles, explore categories, and see our latest updates. Enjoy your stay and feel free to contribute!

Navigation

Featured Articles

Below are some highlighted articles from our collection:

Featured Article 1 – A brief description of this featured topic.
Featured Article 2 – A brief description of this featured topic.
Featured Article 3 – A brief description of this featured topic.
Featured Article 4 – A brief description of this featured topic.

Important Pages

Some pages you might want to visit:

Latest News

Stay informed with our latest updates:

Community & Projects

Engage with our community and explore our projects:

Search

Use the search box below to quickly find articles: Template:SEARCH

Explore More

Discover additional topics and portals:

 © 2025 Your Wiki Name. All rights reserved.