:root{--primary-color: #ff4081;--primary-light-color: #ffe769;--secondary-color: #ffe4ba;--secondary-light-color: #fff6e8;--post-color: #62eea8;--delete-color: #ff9f9f;--light-color: #fffefc;--grey-color: #747e79;--dark-color: #000000;--primary-font: "Lexend", sans-serif;--seconday-font: "Lexend", sans-serif;--border-width: 3px;--element-border-radius: 5px;--button-height: 5px;--small-button-height: 2px;--element-padding: .8em;--maximum-width: 320px}html,body{margin:0;padding:0;font-size:16px}body{color:var(--dark-color);background-color:var(--secondary-light-color);font-family:var(--primary-font)}h1,h2,h3,p{margin:0}h2,h3{font-weight:500}.app-title{font-family:var(--seconday-font);font-size:2.5em;text-align:center}section{margin:3em 0}.auth-fields-and-buttons{display:flex;flex-direction:column;gap:1em}.container{max-width:var(--maximum-width);margin:0 auto;display:flex;flex-direction:column;width:100%}#logged-out-view .container{gap:2em}.app-container{display:flex;flex-direction:column;gap:1em}input,button,textarea{font-family:inherit;padding:var(--element-padding);border-radius:var(--element-border-radius);width:100%;box-sizing:border-box}input,button{font-size:1.1em;text-align:center;border:var(--border-width) solid var(--dark-color)}input:focus,button:focus,textarea:focus{outline:none}textarea{font-size:1em;border:0;box-shadow:3px 3px 3px 1px #00000040;resize:none;height:6em}textarea::placeholder{color:var(--grey-color);opacity:1}textarea:-ms-input-placeholder{color:var(--grey-color)}textarea::-ms-input-placeholder{color:var(--grey-color)}input{font-weight:300}input::placeholder{color:var(--grey-color);opacity:1}input:-ms-input-placeholder{color:var(--grey-color)}input::-ms-input-placeholder{color:var(--grey-color)}.user-section{display:flex;flex-direction:column;align-items:center;gap:.8em}.user-section img{width:3.75em;height:3.75em;border-radius:100%;border:var(--border-width) solid var(--dark-color)}.user-section h2{font-size:1.2em}button{font-weight:600;width:100%}button:hover{cursor:pointer}.primary-btn{background-color:var(--primary-color);box-shadow:0 var(--button-height) 0 0 var(--dark-color);position:relative}.primary-btn:hover{top:var(--button-height);box-shadow:none}.secondary-btn{padding:.4em;background-color:transparent}.secondary-btn:hover{color:var(--light-color);background-color:var(--dark-color)}.provider-btn{color:var(--dark-color);background-color:var(--light-color);display:flex;justify-content:center;align-items:center;gap:.5em;border:0;box-shadow:3px 3px 3px 1px #00000040}.provider-btn:hover{transition:all .2s ease;box-shadow:0 0 #00000040}.google-btn-logo{width:1.375em}.icon-btn{background:none;border:none;cursor:pointer;padding:0;width:1.875em}.icon-img-btn:hover{filter:invert(.5)}#logged-out-view{display:none}#logged-in-view{display:none;margin:0}#community-page{display:none}.post-section{display:flex;flex-direction:column;justify-content:center;align-items:center}#book-btn{margin-top:20px;background-color:#0ff;padding:1.5rem;text-decoration:none;color:#000;font-family:inherit;font-weight:700;padding:var(--element-padding);border-radius:var(--element-border-radius);width:100%;box-sizing:border-box;font-size:1.1em;text-align:center;border:var(--border-width) solid var(--dark-color)}#post-community-btn{margin-top:20px}#community{width:50px;margin-right:30px}.community-icon-btn{margin-right:auto}#create-new-account-view{display:none}#password-warning{font-size:15px;display:flex;justify-content:center;align-items:cener;color:red}#logged-in-view .container{padding-top:15px}nav{margin:.6em 0;width:100%;display:flex;justify-content:flex-end}#user-question{margin-top:10px;text-align:center}.mood-emojis{display:flex}.mood-emojis img{border:none}.mood-emoji-btn{display:flex;flex-direction:column;align-items:center;font-size:.8em;gap:.3em;background-color:transparent;border:0}.mood-emoji-btn:hover{transform:scale(1.2)}.mood-emoji-btn img{width:3.1em;height:3.1em}.selected-emoji{transform:scale(1.2);opacity:1}.unselected-emoji{transform:scale(1);opacity:.5}.chart-wrapper{width:800px}#posts{margin-top:30px}.posts-section{display:flex;flex-direction:column;gap:1em;margin-bottom:1.8em}.post{display:flex;flex-direction:column;background-color:var(--secondary-color);padding:.8em;border-radius:var(--element-border-radius);gap:.4em}.post .header{display:flex;justify-content:space-between;align-items:center}.post .header h3{font-size:1em}.post .header img{width:2em;height:2em}.post p{font-size:.9em;line-height:1.3em}#info{width:40px;margin-left:auto}#info-page{display:none}#info-page-wrapper{justify-content:center;align-items:center;position:fixed;max-width:400px;max-height:600px;padding:30px 15px;background-color:var(--secondary-light-color);margin:auto;left:0;right:0;top:0;bottom:0;display:flex;gap:30px;flex-direction:column;border:2px solid black;border-radius:30px}#info-page-wrapper p{font-size:12px;margin-top:10px}.close{margin-left:auto;width:30px;margin-right:20px}.close:hover{opacity:.5;cursor:pointer}