body {font-family: Arial, sans-serif;color: #F3EFE0;margin: 0;padding: 0;background-color: #525252;display: flex;flex-direction: column;justify-content: center;align-items: center;}header {background-color: #333;color: #fff;margin: 0 auto;padding: 20px;max-width: 1200px;}.container {max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;background-color: transparent;padding: 20px;padding-top: 30px;padding-bottom: 30px;border-radius: 7px;top: calc(20px + 100%);left: 0;right: 0;bottom: 0;overflow: auto;position: relative;gap: 20px;}.content {flex: 2;padding: 20px;padding-top: 1px;border-top: 2px solid #CA3E47;border-right: none;z-index: 1;margin-bottom: 3%;margin-right: 0;background-color: #414141;border-radius: 7px;}.sidebar {flex: 1;padding: 20px;border-top: 2px solid #CA3E47;z-index: 1;margin-top: 0;background-color: #414141;border-radius: 7px;}.banner {width: 900px;height: auto;display: block;max-width: 100%;object-fit: contain;}img {width: auto;height: auto;max-width: 100%;max-height: 100%;border-radius: 7px;object-fit: contain;}.navigation {display: flex;flex-wrap: nowrap;padding: 10px;text-align: center;background-color: #313131;border-top: 2px solid #CA3E47;border-radius: 7px;margin: 20px 0;}.navigation-button {padding: 5px;color: #F3EFE0;text-decoration: none;border-bottom: 3px solid transparent;border-left: 3px solid transparent;border-top: 3px solid transparent;border-right: 3px solid transparent;border-radius: 7px;transition: background .1s, border-bottom .2s, border-left .4s, border-top .6s, border-right .9s;}.navigation-button:hover {transition: background .9s, border-bottom .1s .3s, border-left .7s 1s, border-top .6s .7s, border-right .3s .5s;border-bottom: 3px solid #CA3E47;border-left: 3px solid #CA3E47;border-top: 3px solid #CA3E47;border-right: 3px solid #CA3E47;border-radius: 7px;}.footer {padding: 20px;position: relative;text-align: right;border-top: 2px solid #CA3E47;z-index: 2;background-color: #414141;margin-top: 20px;width: 100%;border-radius: 7px;}h1 {font-size: 36px;margin: 0;}h3 {border-bottom: 1px solid #CA3E47;}p {font-size: 16px;line-height: 1.5;}#accept-banner {background-color: #CA3E47;color: #fff;padding: 5px;text-align: center;position: fixed;top: 70%;left: 0;width: 100%;height: 12%;z-index: 3;}#accept-button {background-color: #CA3E47;border: 2px solid #fff;color: #fff;padding: 5px 15px;border-radius: 7px;}#accept-checkbox:checked + #accept-banner {opacity: 0;height: 0;padding: 0;}#accept-checkbox {display: none;} .banner[controls] {position: relative;} .banner[controls]::before {content: '▶';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3em;color: white;text-shadow: 2px 2px 4px rgba(0,0,0,0.7);pointer-events: none;} .banner[controls]:hover::before {opacity: 0.8;} img.banner, video.banner {border-radius: 7px;} .dropdown {position: relative; display: inline-block; vertical-align: top;} .dropdown-toggle {display: none;} .dropdown-label {cursor: pointer; display: inline-block; vertical-align: baseline; color: #F3EFE0;} .dropdown-menu {display: none; position: absolute; top: 100%; left: 0; min-width: 160px; z-index: 1000; background-color: #333;	box-shadow: 0 2px 5px rgba(0,0,0,0.2);} .dropdown-toggle:checked ~ .dropdown-menu {display: block;} .dropdown-item {display: block; padding: 10px 15px;	text-decoration: none; white-space: nowrap; background-color: #333; border-bottom: 1px solid #444; color: #F3EFE0;} .dropdown-item:hover {background-color: #444;} .dropdown-item:last-child {border-bottom: none;}