ul.toasts{list-style:none;height:13rem;display:flex;flex-direction:column;align-items:center}li.toast{background:#0005;width:10rem;padding:.5rem;border-radius:10px;border:skyblue 1px solid;margin:.5rem;text-align:center}.enter-up-pre{transform:translateY(100%);opacity:0}.enter-up{transition:.3s ease-in}.poof{transform:scale(2);opacity:0;transition:.4s ease-out}.slide-transition{transition:.3s ease-in}.slideshow{position:relative;width:auto;aspect-ratio:16 / 9}.slideshow__screen{position:absolute;inset:0}.slideshow__controls{position:absolute;bottom:10%;height:2rem;left:10%;right:10%;z-index:100;background:#0009;border-radius:1rem;transition:opacity .4s;opacity:0}.slideshow__controls--showing{opacity:1}.slideshow__go-left,.slideshow__go-right{cursor:pointer;display:block;border:none;background:transparent;color:#fffc;font-size:2rem;line-height:2rem;padding:0;margin:0;position:absolute;top:-.2rem}.slideshow__go-left:hover,.slideshow__go-right:hover{color:#fff!important}.slideshow__go-left{left:.7rem}.slideshow__go-right{right:.7rem}.slideshow__nav-menu{list-style:none;display:flex;flex-direction:row;flex-wrap:none;position:absolute;left:3rem;right:3rem;top:.3rem;gap:1rem;justify-content:center}.slideshow__go-to button{--color: #ffffffbb;cursor:pointer;height:1rem;width:1rem;border-radius:.5rem;border:1px var(--color) solid;background-color:transparent}.slideshow__go-to--current button{background-color:var(--color)}.slideshow__go-to button:hover{--color: #fff}.slide{display:flex;overflow:auto;border-radius:2rem;width:100%;height:100%}.slide p{font-family:Marck script,cursive;text-align:center;background:#0005;color:#fff;font-size:5vw;line-height:1.5em;padding:.5em;margin:1.5em;border-radius:.7em;text-shadow:0 1px 1px #00000099}@media (min-width: 768px){.slide p{font-size:2rem}}#slide-unexamined{background:linear-gradient(rgb(254,0,0),transparent),linear-gradient(to top left,rgb(0,255,0),transparent),linear-gradient(to top right,rgb(0,58,255),transparent);background-blend-mode:screen}#slide-courage{background:linear-gradient(-120deg,#000,#fff),linear-gradient(#990e99,#eaa4b2);background-blend-mode:screen;background-size:100% 100%,100% 20%;background-position:0 0,0 4%}#slide-educated{background:repeating-radial-gradient(circle at bottom center,#409,#306 20%),radial-gradient(circle at 25% 50%,transparent,transparent 30%,#ffffff22 30%,#ffffff22 31%,transparent 31%,transparent);background-blend-mode:screen}#slide-strength{background:linear-gradient(#ce7d00,#070),repeating-radial-gradient(circle at 70% 50%,#aaa,#777 5%),repeating-radial-gradient(circle at 30% 50%,#aaa,#777 5%);background-blend-mode:color,screen}.slideshow--entry-left-pre,.slideshow--exit-right{transform:translate(-100%);opacity:0}.slideshow--exit-left,.slideshow--entry-right-pre{transform:translate(100%);opacity:0}.slideshow--entry-left,.slideshow--exit-left,.slideshow--entry-right,.slideshow--exit-right{transition:.4s}.fifteen{user-select:none;display:flex;flex-direction:column;align-items:center}.fifteen__board{width:240px;height:240px;background-color:#0003;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.fifteen__square--slide{transition:.2s}.fifteen__square,.fifteen__blank{width:60px;height:60px;outline:2px #ffffff33 solid}.fifteen__blank{visibility:hidden}.fifteen__square--movable{cursor:pointer}.fifteen__buttons{margin-top:1rem}.fifteen__buttons button{width:6rem;font-family:Titillium Web,sans-serif;font-weight:200;font-size:1rem;padding:.5rem 1rem;background:#0003;color:#fff;border:1px skyblue solid;cursor:pointer}.fifteen__buttons button:hover{background:#fff1}.fifteen__buttons button:active{background:#fff3}.fifteen__buttons button:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-right-width:0}.fifteen__buttons button:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.poof{opacity:0;transform:scale(3);transition:.4s ease-out}.slide-transition{transition:.2s linear}.reset{vertical-align:top;border-color:transparent!important;color:#777;background:transparent;font-size:180%;font-weight:700}.reset:hover{color:#fff}.box,.reset{display:inline-block;aspect-ratio:1 / 1;width:10%;box-sizing:border-box;border:2px white solid;border-radius:8px;cursor:pointer;margin-left:1%}.colored-boxes-demo{--red: rgb(181, 46, 42);--orange: rgb(217, 128, 22);--yellow: rgb(205, 168, 40);--green: rgb(103, 137, 18);--blue: rgb(61, 80, 164);--purple: rgb(135, 63, 177);--pink: rgb(188, 121, 183);width:100%;padding:1rem}