:root{--bg: #c8dce0;--header: #c3b6e0;--card-bg: #bfcae6;--card-tn-bg: #a0a9d3;--card-border: var(--bg);--card-border-hov: #ffffff;--card-title: #595292;--card-title-hov: var(--header-link-hov);--card-title-fcs: var(--bg);--tn-border: var(--card-border);--tn-border-hov: black;--tn-border-fcs: var(--card-border-fcs);--tn-title: var(--bg);--header-link: #383942;--header-link-hov: #120e33;--header-link-fcs: var(--bg);--btn-bg: var(--card-bg);--btn-border: var(--tn-border);--btn-border-hov: var(--tn-border-hov);--btn-bg-hov: var(--header);--bio: #37444c;--overlay: #000000c7;--img-height: 200px}*{margin:0}body{background-color:var(--bg);color:var(--txt);font-family:Arial,Helvetica,sans-serif}html{font-size:16px}div{outline:none}div::-moz-selection{background-color:var(--header)}div::selection{background-color:var(--header)}.page-cont{display:grid;grid-template-rows:4rem 1fr 3rem;height:100vh;width:100vw;max-width:100vw;max-height:100vh}.header{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;background-color:var(--header);height:3rem;position:sticky;top:0;z-index:1000}.header-title{height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.header-img{height:1.6rem;opacity:.85}.back-cont,.socials{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--header-link)}.back{color:var(--header-link);text-decoration:none;font-size:2rem}.socials{display:flex;align-items:center;justify-content:flex-end;width:50%;opacity:.7}.social-img{height:2.3rem;width:2.3rem;margin:0 .3rem}.page-body{display:grid;grid-template-rows:auto 1fr;overflow-y:scroll;width:100%;height:100%}.page-body.home .cards{height:-moz-fit-content;height:fit-content}.bio-cont{width:50%;display:flex;justify-content:center;flex-wrap:wrap;justify-self:center;margin:3rem 0rem 0rem;overflow:scroll;padding:0rem 1rem}.bio{width:100%;overflow-wrap:break-word;padding-bottom:1rem;line-height:1.5rem;color:var(--bio)}.cards,.thumbnails-cont{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;overflow-x:scroll;gap:1rem;padding-top:2.5rem}.card{height:16rem;width:10rem;border:2px solid var(--card-border);border-radius:1rem;background-color:var(--card-bg);display:grid;grid-template-rows:auto 1fr}.card:hover{border-color:var(--card-border-hov)}.card-title{color:var(--card-title);font-size:1.2rem;padding:5px 0;display:flex;justify-content:center}.card:hover .card-title{color:var(--card-title-hov)}.card:focus .card-title,.card-title:focus{color:var(--card-title-fcs)}.card-thumbnail{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity));border-radius:0 0 1rem 1rem;display:flex;justify-content:center;overflow:hidden}.card-thumbnail img{min-height:50%}.card-link{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;text-decoration:none}.thumbnail-title{display:none}.thumbnail-card:hover .thumbnail-title{display:flex;position:relative;left:1rem;bottom:2rem;color:var(--tn-title);animation:.2s 0s normal none running ease-in thumbnail-title}.thumbnail-card{margin:0rem .5rem;height:var(--img-height)}.filter-hide{display:none}.thumbnail-img{border-radius:15px;border:2px solid var(--tn-border);height:var(--img-height);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.thumbnail-img:hover{border-color:var(--tn-border-hov)}.filter-cont{text-align:center}.filter-tags-cont{display:flex;justify-content:center}.filter-tag{margin:.3rem;padding:.4rem .6rem;background-color:var(--header);border:2px solid var(--bg);border-radius:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-tag-highlighted{background-color:var(--bg);border-color:var(--tn-border-hov)}.filter-tag:hover{border-color:var(--tn-border-hov)}.filter-tag:active{color:var(--card-border-hov);background-color:var(--card-title)}.filter-tag-None{font-size:0px;display:flex;align-items:center}.toggle-filter{height:.9rem}.full-image-cont{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10000}.img-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay);z-index:5000}.img-cont{margin:1rem 0rem}.img{border:2px solid var(--header-color);border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;height:100vh;width:100vw}.title-and-info{display:none;height:0px}.img-title{font-size:2.3rem;color:var(--tn-title)}.img-info{display:flex;align-items:center;justify-content:flex-end;color:var(--tn-title);opacity:.7}.img-cont:hover~.title-and-info{display:grid;grid-template-columns:1fr 1fr;position:relative;bottom:5rem;margin:0rem 1rem;animation:.2s 1 0s normal none running ease-in img-title}.img-desc{margin-bottom:3rem}.full-image-cont:hover .img-close{position:absolute;top:.5rem;left:2.5rem;z-index:20000;font-size:1.5rem;background-color:#2d1b67;color:var(--bg);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:.2s 1 0s normal none running ease-in img-title}.img-close:hover{color:var(--header-color)}.writing{margin:2rem 5rem;line-height:2rem;max-width:960px;margin:0 auto;font-size:1.3rem;color:#303168}.writing h1{font-size:2.5rem;font-weight:bolder}.writing h2{font-size:2.1rem}.writing h3{font-size:1.7rem}.writing h4{font-size:1.5rem}.writing img{margin:2.5rem 0rem;border-radius:1rem}.writing a{color:#0a0723;text-decoration:underline}.quote-highlight{max-width:95%;padding-left:1rem;border-left-width:.5rem;border-left-color:#91d1f8;text-align:center;font-family:cursive,Verdana;color:#000;font-size:1.6rem;word-spacing:.6rem;line-height:2.4rem}.svg-icon-title{display:flex;align-items:center;gap:1rem}.svg-icon{width:6%}.ul-dashed li{list-style-type:"-  "}ul li{list-style-type:"- ";list-style-position:inside}ol li{list-style-type:decimal;list-style-position:inside}.no-border-radius{border-radius:0!important}.img-caption{font-size:.9rem;font-style:italic;text-align:center;text-wrap:wrap;width:5rem!important}.captioned-img{margin-bottom:0!important}.tiny-text{font-size:.9rem;font-style:italic;line-height:.9rem!important}.red-txt{color:#933434}.blue-txt{color:#1e43a0}.play-botdle{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:1.5rem 3rem;background-color:var(--btn-bg);border:3px solid var(--btn-border);border-radius:10px;margin-top:50px;text-align:center;font-size:1.2rem}a{text-decoration:none;color:var(--card-title)}a:hover .play-botdle,a:hover{color:var(--card-title-hov)}a:focus .play-botdle,a:focus{color:var(--card-title-fcs)}.play-botdle:hover{background-color:var(--btn-bg-hov);border-color:var(--btn-border-hov)}footer{display:grid;grid-template-columns:1fr 1fr;opacity:.5;font-size:.6rem}.copyright,.forbidden{align-self:center}.copyright{justify-self:flex-start;margin-left:1rem}.forbidden{justify-self:flex-end;margin-right:1rem}@media (max-width: 1000px){:root{--img-height: 10rem}html{font-size:25px}.bio{font-size:1.2rem;line-height:2rem}.bio-cont{width:80%}.img-cont:hover~.title-and-info{bottom:3.5rem}.img-title{font-size:1.5rem}.img-desc{font-size:1.2rem}}@media (max-width: 500px){.card-link{margin:0 3px}.card{width:9rem;height:15rem}.social-img{height:.8rem;width:.8rem;margin:3px}.header-img{height:1rem}.img-close{font-size:1rem;height:2rem;width:2rem;left:2rem}.img-title{font-size:1rem}.img-cont:hover~.title-and-info{bottom:4rem}.img-desc{font-size:1rem}.bio{font-size:.8rem;line-height:1.2rem}}@media (orientation: portrait){.bio-cont{width:70%}.img{height:calc(100vw - 4rem)}.svg-icon{width:6%}.img-close{top:2rem;left:3rem}}@media (min-width: 1001px){.img-desc{font-size:1.3rem}.img-title{font-size:3rem}.img-cont:hover~.title-and-info{bottom:5.5rem}}@media (min-width: 1500px){html{font-size:20px}:root{--img-height: 15rem}}@media (min-width: 2000px){html{font-size:30px}:root{--img-height: 15rem}.writing{margin:auto;max-width:min(60%,1400px)}}@media (max-width: 960px){.writing{max-width:calc(100vw - 2rem)}.writing img{width:calc(100vw - 2rem)}.svg-icon{width:15%!important}}@keyframes thumbnail-title{0%{opacity:0;font-size:1px}to{opacity:1}}@keyframes img-title{0%{opacity:0;font-size:1px;transform:rotateY(-10deg)}99%{transform:rotateY(5deg)}to{opacity:1}}.page-body,.page-cont,.cards,.thumbnails-cont,.bio-cont{overflow:auto}