html, body { margin: 0; font-family: Garamond, serif; } body:after { font-size: .8em; background-color: #EB4377; position: fixed; width: 100%; text-align: center; } #cloud { overflow: hidden; width: 1px; height: 1px; transform: translate(-100%, -100%); border-radius: 50%; filter: url(#filter); z-index: -1; position: fixed; } @font-face { font-family: alphaClouds; src: url(../fonts/AlphaClouds.ttf); } #varia { line-height: 1.03em; position: relative; top: 15%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; text-shadow: 2px 2px #8B5B7F; font-size: 52px; text-align: center; font-family: alphaClouds; mix-blend-mode: difference; margin: 1em 0; } @supports (-webkit-text-stroke: 1px lightpink) { #varia { -webkit-text-stroke: 1px lightpink; } } .container { margin 0 auto; } #bookshelf { max-width: 90%; margin-top: 3em; display: block; columns: 30rem; gap: 1rem; } #bookshelf > div { width: 100%; break-inside: avoid; margin-top: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; } #bookshelf > div > a { color: black; text-decoration: none; } #publication { max-width: 640px; margin-top: 3em; } #latestevent { text-align: center; color: #DD4F77; } #upcomingevent { text-align: center; color: #404d81; } .event { margin: 0 1em 1em; max-width: calc(90% - 3em); margin-top: 3em; padding: 6px; display: block; border: 3px solid black; background-color: #f1f1f1; border-spacing: 0; border-collapse: collapse; z-index: 10; } button { z-index: 10; border: 3px solid black; padding: 6px; color: black; min-width: auto; background-color: #f1f1f1; } table { margin: 0 1em 1em; z-index: 10; border: 3px solid black; background-color: #f1f1f1; border-spacing: 0; border-collapse: collapse; } tr { margin: 0; } td { margin:0; padding: 0.5em; min-width: auto; max-width: 60%; border: 1px solid black; background-color: #f1f1f1; } .tdimage { padding: 0; } .tdimage > img { width: 100%; height: 100%; } .error{ color: #ff1111; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; }