:root{--padding-100:6px;--padding-200:12px;--padding-300:18px;--padding-400:24px}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;background-color:#f6faf6;padding:0;margin:0 8%;height:100vh;user-select:none}a{color:#903838}.wrapper{display:grid;grid-gap:0;grid-template-columns:56% 43.45%;color:#444}.wrapper-mobile{display:none}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}h1{font-family:aw-conqueror-didot,serif;font-size:2.4rem;padding:10px;margin:0}h5{font-size:14px;padding:0;margin:0}ul.links{padding:0;margin:.5rem 0 0 0}ul.links li{font-size:14px;padding:0 0 6px 0}.box{background-color:#f6faf6;padding:0;margin:0}.a{grid-column:1/2;grid-row:1}.b{grid-column:2;grid-row:1/2}.letter-wrapper{display:flex}.letter-section{display:flex;flex-wrap:wrap}.letter{padding:10px;margin:0;transition:all cubic-bezier(.25,.46,.45,.94) 150mS}.letter:hover{cursor:pointer;transform:scale(1.04)}.adjust-for-z .letter{padding:8.5px 10px}#overlay,#overlay-about,#overlay-author{position:absolute;background-color:#fff;border:solid 4px #212121;box-shadow:0 0 42px #121212d9;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;min-height:40%;padding:.2rem;z-index:50;visibility:0}#overlay-about h1{margin-left:0;padding-left:0}#overlay-author{width:50%;min-height:30%}.overlay-inner{display:flex;position:relative;padding:1rem 2rem 1rem 1rem}.overlay-left{width:20%;padding:0}.overlay-right{padding:0 0 0 2rem;width:100%}.close{position:absolute;right:.5rem;top:.2rem;text-align:right;font-size:22px;font-weight:600;font-family:'Courier New',Courier,monospace;cursor:pointer}#overlay h1{font-size:2.4rem;margin:0 0 1rem 0;padding:0}p{font-size:16px;line-height:1.4rem;margin:0 0 1rem 0}h1 span{border-bottom:solid 3px #000}.img-overlay{width:250px}.tint{visibility:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000007f;box-shadow:0 0 200px rgba(0,0,0,.8) inset;z-index:50}.hidden{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 1s ease-in-out}.visible{opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility 1s ease-in-out}.words{display:flex}.words .letter{padding:4px}.words .letter img{height:100px;border:solid 1px red}.letter-25{width:25%}.letter-33{width:33%}.letter-50{width:50%}.letter-40{width:40%}.letter-30{width:30%}.letter-37-5{width:37.5%}@media only screen and (max-width:768px){body{margin:0 1%}.wrapper{display:none;grid-gap:0;grid-template-columns:56% 43.45%;color:#444}.wrapper-mobile{display:flex}.wrapper-mobile .col-25{width:25%}#w_image{display:none}.letter{padding:2px}#overlay,#overlay-about,#overlay-author{position:absolute;width:90%;min-height:40%;padding:.1rem}.overlay-inner{display:flex;position:relative;padding:1rem;height:400px}.overlay-right{padding:0}#overlay .overlay-left{width:66%}#overlay h1{font-size:2.2rem;margin:0 1rem 1rem 0;padding:0}#overlay .overlay-inner{flex-direction:column}.scroll{height:100%;overflow-y:scroll}.icons{display:flex}h1{font-size:1.8rem;margin:.6rem 0 1rem .5rem;padding:0}#overlay-about h1{margin-left:0}p{font-size:15px;line-height:1.4rem;margin:0 0 1rem 0}}