#gallery_thumbs {
text-align: center;
}

#gallery_thumbs img {
margin: 5px;
max-width: 20%;
}

#gallery_thumbs img:hover {
filter: brightness(125%);

transition-duration: 0.1s;
}

html, body {
font-size: 13.5px;
font-family: 'Verdana', sans-serif;
text-rendering: optimizeLegibility;
margin: 0%;
background-image: url(../../img/archive/2021030515405500-0E7DF678130F4F0FA2C88AE72B47AFDF.jpg);
background-size: 100%;
background-attachment: fixed;
}

#wrapper{
margin: auto;
width: 60vw;
}

#aside-wrapper{
width: auto;
}

#flex {
display: flex;
}

/*header and footer*/
header, main, aside, footer{
color: #000;
background-color: #f6f9ff;
border: 3px solid #000;
border-radius: 5px;
box-shadow: #000 3px 3px 0px;
}

/*main and aside*/
main,aside{
margin-top: 5px;
margin-bottom: 5px;

padding: 1%;
margin: 1%;
}

main {
width: 100%;
}

aside {
width: 25vw;
}

/*headings*/
h1, h2, h3 {
margin-bottom: 1%;
margin-left: 0%;
margin-right: 0%;
margin-top: 1%;
}

h4 {
    background-color: #000;
    color: #fff;
    padding: 1%;
    border-radius: 5px;
}

/*horizontal lines*/
hr {
border-top: none;
border-bottom: 1px solid #555;
border-right: none;
border-left: none;
}

/*lists*/

li, ol, ul {
text-align: left;

margin: 1.5%;
padding-left: 0%;

list-style-position: inside;
}

/*hyperlinks*/
a {
color:#a00000;
text-decoration: underline;
}

a:hover {
color:#00000a;
text-decoration: none;
}

#longlink {
background-color: #fcc800;
border: 3px solid #000;
border-radius: 5px;
box-shadow: #000 3px 3px 0px;
color: #000;
display: block;
font-weight: bold;
padding: 1%;
text-decoration: none;

}

#longlink:hover{
background-color: #000;
color: #fcc800;
}

#txtdocument{
font-family: monospace;
font-size: 12px;
color: aliceblue;

background-color: #000;
border-radius: 5px;

padding: 1%;
max-height: 50vh;
overflow: scroll;
}