body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}canvas{display:block}h1{color:#fff;text-align:center;margin-top:20px}.container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.button:hover{background-color:#0056b3}body{width:100%;height:100%;position:absolute;background:#000;margin:0;padding:0;overscroll-behavior:none}.container{width:100%;height:100%;position:relative}.ui{width:100%;height:100%;position:absolute;top:0;left:0;font-family:IM Fell French Canon,serif}#game-ui,#login-ui{visibility:hidden}.login-screen{position:absolute;width:100%;height:100%;top:0;left:0;font-family:IM Fell French Canon,serif;background-image:url(not_my_resources/background-3.png);background-size:cover}.ui.fadeOut{opacity:1;animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.login-screen-layout{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.login-screen-layout.window{height:400px;width:500px;border-radius:5px;border-color:#000;border-style:solid;background:#000000bf}.login-button{height:50px;width:200px;border-radius:5px;box-sizing:border-box;text-align:center;background-color:#82828280;display:inline-block;font-size:1.5em;text-shadow:2px 2px 5px black;color:#fff;margin:15px;transition:all .2s}.login-button:hover{color:#000;background-color:#ffffff80}.login-input{background:#0000;width:300px;font-size:1.5em;text-shadow:2px 2px 5px black;color:#fff;margin:15px}.login-text{font-size:2em;text-shadow:2px 2px 5px black;color:#fff}.chat-ui{position:absolute;left:10px;bottom:10px;background:#01010100;width:400px;height:200px;padding:10px;border-radius:10px}.chat-ui-text-area{display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-end}.chat-text{font-size:.75em;text-shadow:2px 2px 5px black;color:#fff}.chat-text-server{color:#74eb57}.chat-text-action{color:#f71414}.chat-input{background:#0000;width:280px;margin-top:5px}.quest-ui-layout{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.quest-ui{background:#010101bf;padding:20px;width:700px}.quest-title{font-size:3em;color:#fff;text-shadow:4px 4px black}.quest-text-title{font-size:3em;color:#fff;padding-bottom:10px}.quest-text{font-size:1em;color:#fff}.quest-journal{position:absolute;right:0;display:flex;flex-direction:column;background:#010101bf;margin:30px;padding:5px 20px 20px;width:300px;height:600px;z-index:1}.quest-entry{font-size:2em;color:#fff;border:black;border-style:solid;border-width:thick;padding:5px}.icon-bar{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;margin-bottom:10px}.icon-bar-item{background-size:cover;width:75px;height:75px;margin:2px}.health-ui{position:absolute;top:0;left:0;background-image:url(not_my_resources/icons/ui/health-bar.png);width:500px;height:300px;z-index:1}.health-bar{background:#adff2f;width:200px;max-width:200px;height:40px;position:relative;top:215px;left:260px;border-style:solid;border-width:2px;border-color:#000;border-radius:5px}.stats-tooltip{position:relative;display:inline-block;z-index:100}.stats-tooltip .stats-tooltiptext{visibility:hidden;width:200px;background-color:#000;opacity:.75;text-align:center;padding:1em;border-radius:6px;color:#fff;font-size:medium;position:absolute;z-index:1;top:-5px;right:105%}.stats-tooltip:hover .stats-tooltiptext{visibility:visible}.stats-title{font-size:3em;color:#fff;text-shadow:4px 4px black}.stats{position:absolute;right:0;top:0;display:flex;flex-direction:row;justify-content:flex-end;margin:30px;z-index:1}.stats-inner{display:flex;flex-direction:column;background:#010101bf;padding:5px 20px 20px;width:250px}.stats-row{display:flex;flex-direction:row;justify-content:space-between;font-size:2em;color:#fff;text-shadow:4px 4px black}.inventory-title{font-size:3em;color:#fff;text-shadow:4px 4px black}.inventory{position:absolute;top:0;right:0;display:flex;flex-direction:row;justify-content:flex-end;margin:30px;z-index:1}.inventory-inner{display:flex;flex-direction:column;background:#010101bf;padding:5px 20px 20px}.inventory-row{display:flex;flex-direction:row;justify-content:space-evenly}.inventory-column{display:flex;flex-direction:column;justify-content:space-evenly}.inventory-character{background-image:url(not_my_resources/icons/ui/inventory-character.png);background-size:cover;width:200px;height:350px}.inventory-item{border:black;border-style:solid;border-radius:10%;background-color:#000;width:50px;height:50px;margin:2px;background-size:cover}