body{ width: max-content; background-color: #F4EBE8; } .pagetitle { position: fixed; right:0%; top:5%; text-align: right; background-color: rgba(11,239,235,0.7); color: #371F10; padding: 3px 35px 3px 10px; z-index: 10; font-size: 28px; } .eventdate { margin-top: 1%; } h2 { font-size: 17px; color: #371F10; background-color: #0BEFEB; padding: 5px; } div#body{ width: max-content;} .mw-parser-output{ /*! position: left top; */ /*! display: hidden; */ /*! display: inline; */ /*! vertical-align: top; */ } .mw-parser-output > p{ display: inline-block; } .content { display: flex; margin-right: 10vw; margin-left: 5vw; } .indexlink { position: fixed; font-size: 20px; bottom: 0%; right: 3%; background-color: transparent; border: none; border-right-color: transparent; z-index: 10; padding: 0px 30px 20px 10px border: none; } .indexlink a { text-decoration: none; } .event { margin-top: 3%; text-align-last: auto; font-family: Roboto Mono; font-size: 10px; color: #371F10; padding-left: 5vw; display: inline-block; width:200px; vertical-align: top; } .eventfirstpages { padding-bottom: 5vh; } .pubpageinfo { font-size: 15px; color: #371F10; } .thumbborder { box-shadow: 10px 10px 15px #C4BCB9; width: 40%; height: auto; } .thumbborder:hover { box-shadow: 10px 10px 15px #0BEFEB; width:100%; transition:0.5s; height: auto; }