body{ width: max-content; background-color: #F4EBE8; } h1 { font-family: Roboto Mono; } 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; } .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; } .horizontal-scroll-wrapper { display: inline-table; margin-top: 10vw; width: 20vw; height: 80vw; overflow-y: auto; overflow-x: hidden; } .event { text-align-last: auto; font-family: Roboto Mono; font-size: 10px; padding-left: 5vw; display: inline-block; width:200px; vertical-align: top; } .pubpageinfo { padding-top: 10px; font-size: 10px; } .pubpageinfo:hover { background-color: #0BEFEB; padding: 10px; font-size: 15px; } .thumbborder { box-shadow: 8px 8px 8px #C4BCB9; width: 30%; height: auto; } .thumbborder:hover { box-shadow: 8px 8px 8px #0BEFEB; width:100%; transition:0.5s; height: auto; }