*{font-family:Lato,Helvetica,sans-serif}.app{display:grid;grid-template-columns:.75fr 2fr 1fr;height:98vh;margin:0}html{overflow-y:hidden;min-width:1024px}.no-wrap{white-space:nowrap}.wrap{overflow-wrap:break-word}.half-margin{margin:.5rem}.entries-display{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;max-height:90vh;overflow-y:auto}.entries-display-entry{border:.1rem solid lightgray;border-radius:.5rem;padding:.5rem;transition:none;animation:none;margin:0 .5rem;display:flex;flex-direction:column;gap:.5rem}.entries-display-entry:hover{border:.1rem solid gray;background-color:#80808026;border-radius:.5rem;transition:none}.entries-display-entry .title{margin:0;display:flex;gap:.5rem;align-items:center;width:100%;word-break:break-all}.entries-display-entry .content{width:100%;word-break:break-all}.entries-display-entry .title-date{font-size:.75rem;font-weight:400}.entries-display-entry hr{border:none;border-top:1px solid gray;width:100%;margin:.05rem 0}.entries-display-entry p{margin:0}.post-toolbar{display:flex;align-items:center;gap:.3rem}.post-toolbar .logo{height:1rem}.post-toolbar button{border:.1rem solid gray;border-radius:.2rem;padding:.1rem .5rem;display:flex;gap:.2rem;align-items:center}button:hover{background-color:#d3d3d3}.third-column{position:relative;border-radius:1rem}.create-entry-button{height:6rem;width:6rem;border-radius:3rem;position:absolute;bottom:4rem;right:4rem;font-size:4rem}.entry-form-container{border:1px solid black;border-radius:.5rem;padding:1rem}.entry-form-container h1{margin:.5rem 0}.entry-form{border:1px solid gray;display:flex;flex-direction:column;gap:.1rem}.entry-form textarea{border:none}.entry-form textarea:focus{border:none;outline:none}.entry-form-submit-button,.entry-form-cancel-button{border:.1rem solid gray;border-radius:.2rem}.entry-form-title-input{font-size:1.5rem}.entry-form-title-input::placeholder{color:#696969}.entry-form-content-input{height:15rem}.entry-form-content-counter{margin:.2rem 0}.resizeable{overflow:hidden;resize:none}@keyframes popOut{0%{transform:scale(0);font-size:0rem;opacity:0}60%{transform:scale(1.005);font-size:1.005rem;opacity:1}to{transform:scale(1);font-size:1rem;opacity:1}}.pop{transform:scale(0);animation:popOut .5s ease-out forwards}.no-margin{margin:0}.red{color:red}.login-form-container{border:1px solid black;border-radius:.5rem;padding:1rem}.login-form{display:flex;flex-direction:column;gap:.4rem}.login-form-submit-button{margin:.3rem 0px 0px;border-radius:.2rem}.create-account-form-container{border:1px solid black;border-radius:.5rem;padding:1rem}.create-account-form{display:flex;flex-direction:column;gap:.4rem}.create-account-form-submit-button{margin:.3rem 0px 0px;border-radius:.2rem}.switch-account-text{margin-left:1rem;text-align:center;display:inline-block}.switch-account-text:hover{color:#00f}.sidebar-container{display:flex;flex-direction:column;text-align:center}.sidebar-logo{width:100%}.entry-filter-container{display:flex;flex-direction:column;gap:.1rem}.entry-filter{border:1px solid black;border-radius:.5rem;width:100%}.grayhover:hover{background-color:#d3d3d3}