#flex-body{font-family:Alegreya,serif;display:flex;height:100vh;margin:0}.container{display:flex;flex-wrap:wrap;width:100%}.login-column{flex:1 1 300px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:300px}.header-column{flex:2 1 500px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(/dummy_background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;position:relative;min-width:300px}.top-right-link{position:absolute;top:10px;right:30px;word-break:break-all}.top-right-link a{color:var(--accent-color-2)}.login-container{background:#f4f4e7;padding:30px;border-radius:10px;max-width:320px;width:100%}.header-thingy{padding-bottom:15rem;text-align:left}.header-thingy h1{font-size:6rem;font-weight:700;color:var(--background-color);margin-bottom:-5px}.header-thingy p{color:var(--background-color)}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.login-container label{color:#000;margin-bottom:5px;font-family:Alegreya,serif}.login-container input{width:100%;padding:10px;background-color:var(--background-color);border:3px solid var(--accent-color);border-radius:5px;font-family:Alegreya,serif;font-size:14px}.login-container button{width:100%;padding:12px 20px;background-color:#dcbb78;border:none;border-radius:5px;cursor:pointer;font-size:18px;margin-top:10px;font-family:Alegreya,serif}@media(max-width:768px){.container{flex-direction:column}.header-column{order:1;min-height:200px;flex:none;width:100%}.login-column{order:2;flex:none;width:100%}.header-thingy{padding-bottom:2rem;padding-top:2rem}.top-right-link{top:unset;bottom:10px;left:10px;right:unset}}#content{margin-left:120px;padding:10px;display:flex;flex-direction:column;gap:20px}#search-bar{width:50%;height:30px;align-self:center}#page-content{display:flex;flex-direction:row;gap:20px}#list-container{display:flex;flex-direction:column;min-width:220px}#chapter-input{width:55vw;height:90vh;resize:none}.resolve-button{width:100%;padding:5px;background:var(--dark-background-color);border:none;border-radius:0;cursor:pointer;color:var(--background-color);font-family:Alegreya,serif;font-size:14px}#attribution-bar{display:none}#attribution-bar.visible{display:block}.no-entries{color:#777}.list-item-button{padding:6px 10px;text-align:left;background-color:var(--background-color);color:var(--dark-background-color);border:none;border-radius:0;cursor:pointer;font-size:18px;font-family:Alegreya,serif}#items-list{display:flex;flex-direction:column}.list-item-button.selected{background:var(--accent-color-2)}@media(max-width:768px){#sidebar{position:fixed;bottom:0;left:0;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:10px 0;border-top:1px solid #ccc;background-color:var(--dark-background-color);box-shadow:0 -2px 5px #0000001a;z-index:1000}#sidebar h2{display:none}#sidebar .nav-button,#sidebar .account-button{flex:1;padding:5px;font-size:12px;display:flex;flex-direction:column;align-items:center;margin:0;box-sizing:border-box;min-width:0}#sidebar .sidebar-image{width:24px;height:24px}#content{margin-left:0;margin-bottom:70px;flex-direction:column}#page-content{flex-direction:column;padding-top:10px}#list-container{min-width:unset;width:100%}#chapter-input{width:90vw;height:60vh}}#chapter-title{font-family:Alegreya,serif;font-size:24px;margin-bottom:20px;height:40px;background-color:var(--background-color);border:none}#title-container{display:flex;flex-direction:row;gap:100px}#remove-chapter{padding:4px;background-color:transparent;border:none;border-radius:0;color:var(--dark-background-color);font-family:Alegreya,serif;font-size:24px}#main-content{margin-left:150px;padding:10px}#main-content input{width:100%;padding:10px;background-color:var(--background-color);border:3px solid var(--accent-color);border-radius:5px;font-family:Alegreya,serif;font-size:14px;margin-bottom:16px;margin-top:2px}#change-password-form{width:240px}label{font-family:Alegreya,serif}#change-password-button{padding:10px;background-color:var(--accent-color-2);border:none;border-radius:0;color:var(--dark-background-color);font-family:Alegreya,serif;font-size:14px}#account-info-header{padding:22px 0 30px}#logout-button{position:fixed;bottom:20px;right:20px;padding:10px;background-color:var(--accent-color-2);color:var(--dark-background-color);border:none;border-radius:0;cursor:pointer;font-size:16px;font-family:Alegreya,serif}@media(max-width:768px){#main-content{margin-left:0;margin-bottom:80px}#logout-button{bottom:90px;right:10px}#change-password-form{width:auto;padding:10px}}:root{--background-color: #F4F4E7;--accent-color: #93A197;--main-color: #DCBB78;--accent-color-2: #9D7579;--dark-background-color: #383437}body{background-color:var(--background-color);margin:0;color:var(--dark-background-color)}*{box-sizing:border-box}#sidebar{background:var(--dark-background-color);padding:10px;display:flex;flex-direction:column;position:fixed;height:100%;width:112px;align-items:center;row-gap:38px}.nav-button{width:80px;height:60px;border:none;background:none;font-family:Alegreya,serif;font-size:16px;font-weight:700;color:var(--accent-color-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-decoration:none}.account-button{margin-top:auto;padding-bottom:20px}#feather-logo{filter:brightness(0) saturate(100%) invert(69%) sepia(37%) saturate(365%) hue-rotate(2deg) brightness(98%) contrast(105%);width:48px;height:48px;margin-top:16px}.sidebar-image{filter:brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(754%) hue-rotate(305deg) brightness(82%) contrast(82%);width:32px;height:32px}h2{color:var(--main-color);margin-bottom:0}h1,h2,h3,p{font-family:Merriweather,serif}#attribution-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--dark-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:none;transition:background-color .3s ease}#attribution-button:hover{background-color:var(--accent-color)}#attribution-bar{position:fixed;bottom:0;left:0;width:100%;background-color:var(--dark-background-color);color:var(--background-color);padding:15px 20px;box-shadow:0 -2px 10px #0000004d;z-index:998;transform:translateY(100%);transition:transform .3s ease-out}#attribution-bar.visible{transform:translateY(0)}#attribution-bar h3{margin-top:0;margin-bottom:10px;color:var(--main-color);font-size:18px;border-bottom:1px solid var(--accent-color);padding-bottom:5px}#attribution-bar p,#attribution-bar ul{font-family:Alegreya,serif;font-size:14px;line-height:1.4;margin-bottom:10px}#attribution-bar ul{padding-left:20px}#attribution-bar li{margin-bottom:5px}#attribution-bar a{color:var(--main-color);text-decoration:none}#attribution-bar a:hover{text-decoration:underline}