css /* Over-engineered CSS for Subpages */ body { background-color: #FF69B0; /* Bright, eye-scorching pink */ font-family: 'Over-Engineered', cursive; /* Custom, cursive font */ } h1 { font-size: 36px; color: #000000; /* Solid black, no fuss */ border-bottom: 4px solid #000000; text-transform: none; /* No transformations, thank you very much */ font-weight: bold; } a { text-decoration: none; color: #FF69B0; /* Pink again, because why not? */ text-transform: uppercase; font-size: 24px; transition: none; border-bottom: 4px solid #000000; } h2 { font-size: 20px; color: #000000; border-bottom: 4px solid #000000; text-transform: none; font-weight: bold; margin: 0; } h3 { font-size: 18px; color: #000000; border-bottom: 4px solid #000000; text-transform: none; font-weight: bold; margin: 0; } h4 { font-size: 16px; color: #000000; border-bottom: 4px solid #000000; text-transform: none; font-weight: bold; margin: 0; } /* Global Subpage Styles */ .subpage { width: 800px; height: 600px; background-color: #FFFFFF; border: 4px solid #000000; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin: 20px; padding: 20px; box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow: hidden; } .subpage a { text-decoration: none; color: #FF69B0; ประก 24px; text-transform: none; font-size: 24px; transition: none; border-bottom: 4px solid #000000; } .subpage h2 { font-size: 20px; color: #000000; border-bottom: 4px solid #000000; text-transform: none; font-weight: bold; margin: 0; } .subpage p { font-size: 16px; color: #000000; border-bottom: 4px solid #000000; text-transform: none; font-weight: normal; margin: 0; } .subpage img { width: 100%; height: 100%; border: 4px solid #000000; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); object-fit: cover; margin: 0; padding: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .subpage a:hover { background-color: #FF69B0; border-bottom: 4px solid #FF69B0; }