@font-face { font-family: "libreBaskerville"; src: url(../fonts/LibreBaskerville-Regular.otf); } html, body { margin: 0; font-family: "libreBaskerville"; font-style: normal; } #library { position: relative; color: #FFFFFF; text-shadow: 2px 2px #004225; font-size: 1.5em; mix-blend-mode: difference; left: 1em; } @supports (-webkit-text-stroke: 1px darkgreen) { #library { -webkit-text-stroke: 1px darkgreen; } } #bookshelf { max-width: 90%; margin-top: 3em; margin-left: 1em; 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 { margin-top: 3em; margin-left: 1em; } table { border: 1px solid black; background-color: #f1f1f1; border-spacing: 0; } tbody:hover {background-color: #ddd;} 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%; } .error{ color: #ff1111; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } div#login { width: 25%; margin-left: auto; margin-right: auto; text-decoration: none; } input[type=text], input[type=password], input[type=file] { width: 18em; max-width: 18em; border: 1px solid #E0B0FF; } input { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; color: white; padding: 0.8em 2em; border: none; cursor: pointer; } div#auth_buttons{ position: absolute; top: 0.7em; right: 0.7em; display:flex; gap: 1em; flex-direction: row; } div#auth_buttons a{ font-size: 0.8em; padding: 0.2em; } .auth { color: white; cursor: pointer; border: 1px solid #404d81; background-color: #fefefe; } .auth:hover{ background-color: #efefef; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #library { text-align: left; max-width: 70%; } }