* {
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #4ad930 #212121;
}

body {
    background-color: white;
    color: #212121;
    font-family: monospace;
    height: auto;
    background-image: url(wall-4-light.png);
}

.sidebar {
    position: fixed;
    height: auto;
    top: 25%;
    overflow: auto;
    width: 100px;
}

.header {
    width: fit-content;
    margin: auto;
}

figcaption {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
}

.plaque {
    font-family: "Josefin Sans", sans-serif;
    color: #212121;
    font-size: 18px;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: white;
    width: 250px;
    height: auto;
    padding: 20px;
    position: absolute;
}

.left {left: calc(100% + 50px);}

.under {top: calc(100% + 50px);}

.art {
    text-align: left;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 30px solid transparent;
    border-image: url(https://xixxii.neocities.org/images/frames/border.png) 30% stretch;
    background-color: #212121;
    width: fit-content;
margin-bottom:25px;
margin-top:25px;
}

pre {
    color: #4ad930;
}



.human {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    height: auto;
    font-size: 16px;
    background-color: #4f4055;
    color: #ebcfee;
    padding: 25px;
    border-style: double;
    position: static;
    overflow: auto;
    width: 600px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 1.2;
}

.human a {
    color: #69d6f0;
    font-weight: bolder;
    text-decoration: wavy underline;
}

.statement {
    text-align: center;
    font-size: 14px;
    background-color: #212121;
    color: #4ad930;
    padding: 20px;
    border: 3px double #4ad930;
    width: 500px;
    position: relative;
    margin: auto;
    margin-top: 50px;
}

.plaquest {
    position: absolute;
    left: 580px;
    top: 100px;
}

.art-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 150px;
margin:auto;
    margin-top: 150px;
    margin-bottom: 150px;
row-gap:100px;
max-width:80%;
width:fit-content;
position:relative;
align-items:flex-start;
justify-content:center;
}

.break-container {display:flex;
align-items:flex-start;
margin:auto;
margin-top:100px;
margin-bottom:100px;
width:70%;
justify-content:space-between;
gap:150px;}

.imsorry {width:600px;
color:#4ad930;
margin-bottom:0;
margin-top:0;}

.lies {gap:0px;
}

.liesp {position:unset;}

.takeabreak {width:fit-content;}