@font-face { font-family: 'TitilliumWeb-Regular'; src: url('font/TitilliumWeb-Regular.ttf'); } @font-face { font-family: 'TitilliumWeb-Bold'; src: url('font/TitilliumWeb-Bold.ttf'); } body { max-width: 1000px; background: #40264c; background-image: url("image/neon-scene.png"); background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 0 75px; margin-bottom: 4em; } div { background: #352040; margin-bottom: 2em; padding: 1em 2em 0.7em; border-style: solid; border-color: #1473cc; border-width: 1px; box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5), inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5); background-blend-mode: soft-light; background-size: auto 100%; background-repeat: no-repeat; background-position: right; text-shadow: 0px 0px 5px #352040, 0px 0px 10px #352040, 0px 0px 15px #352040, 0px 0px 20px #352040, 0px 0px 25px #352040, 0px 0px 30px #352040; } #event { background-image: url("image/event.png"); padding-right: 15%; } #dates { background-image: url("image/dates.png"); } #ctt { background-image: url("image/CCTLogo.webp"); background-blend-mode: multiply; padding-right: 25%; background-size: auto 80%; } #shedhalle { background-image: url("image/shedhalle.png"); padding-right: 15%; } #assemblies { background-image: url("image/assemblies.png"); background-position: left; } #costs { background-image: url("image/costs.png"); background-position: bottom; background-size: 100% auto; } #banner { margin: 0; padding: 0; width: 100%; height: auto; mix-blend-mode: lighten; } .right-align { text-align: right; } p, h2 { color: #ffff00; } a { color: #ffffaa; } p, a { font-family: "TitilliumWeb-Regular"; font-size: 1.2em; } h2 { font-family: "TitilliumWeb-Bold"; text-transform: uppercase; font-size: 3em; margin-top: 0em; } .big { font-family: "TitilliumWeb-Bold"; font-size: 1.5em; margin-top: 0; margin-bottom: 0; } .label { margin-bottom: 0; } .label-sub { margin-top: 0; } ul { list-style: none; }