@font-face{font-family:Grobold;src:url(/fonts/GROBOLD.ttf) format("truetype")}@font-face{font-family:MilkyNice;src:url(/fonts/MilkyNice.ttf) format("truetype")}header img{width:32px;height:32px;object-fit:contain}header a{display:flex;align-items:center}header a+a{border-left:3px solid rgb(10,11,11);padding-left:20px}header a:first-child{border-left:none}*{margin:0;padding:0;box-sizing:border-box}h2{font-family:MilkyNice,sans-serif;font-size:40px;text-align:center;color:#0a0b0b;white-space:nowrap;align-items:center;padding-bottom:20px}h1{font-family:MilkyNice,sans-serif;font-size:30px;color:#0a0b0b;white-space:nowrap;padding-bottom:20px}.header-left{align-items:left;text-align:left}.header-right{align-items:right;text-align:right}h3{font-family:MilkyNice,sans-serif;font-size:30px;text-align:left;color:#0a0b0b;white-space:nowrap;align-items:center}header{display:flex;align-items:stretch;gap:20px;background:#fff;background:linear-gradient(to bottom,#f9feff 95%,#0a0b0b);padding:15px}body{background-color:#0a0b0b;text-align:left;font-family:Crimson Text,serif;color:#0a0b0b}p{font-family:MilkyNice;color:#0a0b0b;font-size:18px}.pleft{font-family:MilkyNice;color:#0a0b0b;font-size:18px;align-items:left}.pright{font-family:MilkyNice;color:#0a0b0b;font-size:18px;align-items:right}canvas{margin-right:auto;margin-left:auto;display:block}.plus{font-size:36px;color:#f9feff}.legend{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px}.legend-item img{width:32px;height:32px;object-fit:contain}.legend-item span{color:#f9feff;font-family:MilkyNice,sans-serif;font-size:16px;white-space:nowrap}.volume-control{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;z-index:10}.volume-control label{color:#f9feff;font-family:MilkyNice,sans-serif;font-size:20px;white-space:nowrap}.volume-control input[type=range]{width:100px;height:28px;cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:100;justify-content:center;align-items:center}.modal.open{display:flex}.modal-content{background:#f9feff;color:#0a0b0b;padding:30px;border-radius:4px;width:70%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#0a0b0b;margin:0;padding:0;font-family:MilkyNice,sans-serif}.nav-link{cursor:pointer;text-decoration:none}.nav-link h3{transition:all .15s ease}.nav-link:hover h3{color:transparent;-webkit-text-stroke:.5px rgb(10,11,11)}.horizontal-img{width:400px;height:225px;object-fit:contain;border-radius:4px;object-fit:cover;flex-shrink:0}.vertical-img{width:270px;height:360px;object-fit:contain;border-radius:4px;object-fit:cover;flex-shrink:0}.square-img{width:240px;height:240px;object-fit:contain;border-radius:4px;object-fit:cover;flex-shrink:0}.modal-row{display:flex;flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:30px}.modal-row-reverse{flex-direction:row-reverse}.modal-text{display:flex;flex-direction:column;gap:10px}.modal-text h3{color:#0a0b0b;font-size:24px}.modal-text p{background:none;color:#0a0b0b;font-size:20px}a{font-family:MilkyNice;background:none;font-size:20px}