.word-and-image{-webkit-user-select:none;user-select:none;text-align:center}.word-and-image img{cursor:pointer;padding:30px;max-width:85vw;max-height:55vh;border-radius:1cm;transition:all .5s ease-in-out}.word-and-image img.loading{opacity:0}.word-and-image img.image--hide{opacity:.25;filter:blur(16px)}.word-and-image .word{--stroke: .5vw;--minus-stroke: calc(var(--stroke) * -1);--stroke-color: #e3c49d;font-weight:700;word-wrap:break-word;font-size:10vw;color:#008baa;font-family:"monospace",sans-serif;letter-spacing:.3em;text-shadow:var(--minus-stroke) var(--minus-stroke) 0 var(--stroke-color),0 var(--minus-stroke) 0 var(--stroke-color),var(--stroke) var(--minus-stroke) 0 var(--stroke-color),var(--stroke) 0 0 var(--stroke-color),var(--stroke) var(--stroke) 0 var(--stroke-color),0 var(--stroke) 0 var(--stroke-color),var(--minus-stroke) var(--stroke) 0 var(--stroke-color),var(--minus-stroke) 0 0 var(--stroke-color)}.word-and-image .word .letter--vowel{color:#d03653}.word-and-image .word .letter--silent{opacity:.4}.word-and-image .word .letter--linked{color:#30ae49}.letter--linked.letter--not-last-linked{letter-spacing:-.07em}.btn-floating{-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.5cm;padding:0;margin:0;border-radius:50%;width:2cm;height:2cm;border:0;position:fixed;bottom:1cm;background-color:#0c9;color:#fff;text-align:center;box-shadow:2px 2px 3px #e7e7e7;transition:all .2s ease-in-out}.btn-floating:hover{filter:brightness(1.1);box-shadow:2px 2px 6px #bababa}.btn-floating-left{left:1cm}.btn-floating-right{right:1cm}.word-and-image{margin-top:10vh}.word-and-image--out{animation:slideOutLeft .3s ease-out forwards}.word-and-image--in{animation:slideInRight .3s ease-out forwards}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes slideInRight{0%{transform:translate(100vw)}to{transform:translate(0)}}