*{box-sizing:border-box}::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body,html{box-sizing:border-box;color:hsla(0,0%,44%,.88);font-family:var(--font-regular);font-size:24px;height:100vh;margin:0;padding:0;width:100vw}.bg-logo-pale{background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MiIgdmlld0JveD0iMCAwIDEwOTAgNzUyIj48cGF0aCBkPSJtMTAzOS4xMyA1ODMuNjA4IDIwOS40OCA1MTguMjgySDgyOS42NjF6IiBzdHlsZT0iZmlsbDpyZWQ7ZmlsbC1vcGFjaXR5Oi4wMyIgdHJhbnNmb3JtPSJtYXRyaXgoMS43NTA4NiAwIDAgMS4zNDYyOSAtMTA5Ni4zNjEgLTczMS43MDIpIi8+PHBhdGggZD0ibTEwMzkuMTMgNTgzLjYwOCAyMDkuNDggNTE4LjI4Mkg4MjkuNjYxeiIgc3R5bGU9ImZpbGwtb3BhY2l0eTouMDMiIHRyYW5zZm9ybT0ibWF0cml4KDEuNzUwODYgMCAwIC0xLjM0NjI5IC0xNDUyLjYyOSAxNDgzLjQ3MSkiLz48cGF0aCBkPSJNMTI1Mi42MyAxOTMyLjMySDgxOC41MTFjMC0xMTcuNTUgOTcuMTgyLTIxMi44NCAyMTcuMDU5LTIxMi44NCAxMTkuODggMCAyMTcuMDYgOTUuMjkgMjE3LjA2IDIxMi44NCIgc3R5bGU9ImZpbGw6I2YyMGQwZDtmaWxsLW9wYWNpdHk6LjAzIiB0cmFuc2Zvcm09Im1hdHJpeCguMzI0MiAtLjYyNTYxIC42MjM3OSAuMzIzMjYgLTEwMDIuOTgxIDM5MC40KSIvPjxwYXRoIGQ9Ik0xMjUyLjYzIDE5MzIuMzJIODE4LjUxMWMwLTExNy41NSA5Ny4xODItMjEyLjg0IDIxNy4wNTktMjEyLjg0IDExOS44OCAwIDIxNy4wNiA5NS4yOSAyMTcuMDYgMjEyLjg0IiBzdHlsZT0iZmlsbC1vcGFjaXR5Oi4wMyIgdHJhbnNmb3JtPSJtYXRyaXgoLjMyMjgyIC0uNjI2MzMgLS42MjQ1IC0uMzIxODggMTQyOS4wNCAxNjQ1LjQzMSkiLz48L3N2Zz4=) no-repeat 100% 100%;background-size:180px}.wrapper{display:flex;flex-direction:column;height:100%;margin:auto;max-width:1050px}.header{align-items:center;display:flex;font-family:var(--font-it);font-size:48px;font-weight:700;height:100px;justify-content:center;position:relative}.voca-about{align-self:flex-start;font-family:var(--font-regular);font-size:16px;position:absolute;right:0;top:10px}.body{display:flex;height:calc(100% - 140px);max-height:calc(100% - 140px)}.footer{display:flex;height:24px;justify-content:center;margin-top:5px}.border-linear-gradient-whitesmoke{border-bottom:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(0,0,0,.64),#f5f5f5)}a{color:hsla(0,0%,44%,.88)}a:active,a:hover,a:link,a:visited{text-decoration:none}button,input{background-color:#fff;border:none;font-family:var(--font-regular);font-size:24px;outline:none}input{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg_icon bi-search' viewBox='0 0 16 16'%3E%3Cpath stroke='%23a9a9a9' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 100%;background-size:14px;border-bottom:1px solid #000;height:28px;padding:0;width:300px}input:active,input:focus{border-color:red}button{border-bottom:1px solid transparent;height:29px;padding:0}button:hover{border-bottom:1px solid #000}button:active{border-color:red;color:red}p:first-letter{color:red}