:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.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)}:root{--primary-color: #FFDE00;--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: "Cabin", sans-serif;--seconday-font: "Calistoga", sans-serif;--border-width: 3px;--element-border-radius: 5px;--button-height: 5px;--small-button-height: 2px;--element-padding: .8em;--maximum-width: 320px}html,body{padding:0;font-size:16px;height:100%;margin:0;display:flex;justify-content:center;align-items:center}body{color:var(--dark-color);background-color:var(--secondary-light-color);font-family:var(--primary-font)}h1{margin:0}.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:12px}.container{max-width:var(--maximum-width);margin:0 auto;display:flex;flex-direction:column;width:100%}#logged-out-view .container{gap:2em}input,button{font-family:inherit;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)}input:focus,button:focus{outline:none}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)}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}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box}#logged-out-view,#logged-in-view{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.icon-img-btn{width:32px;height:32px;object-fit:contain}#logged-in-view{position:relative;margin-top:4rem}.sign-out-wrapper{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;z-index:10}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.welcome-text{font-size:1.2rem;font-weight:500;text-align:center}.user-section{display:flex;flex-direction:column;align-items:center}.user-icon{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.icon-btn{background:none;border:none;cursor:pointer}.icon-img-btn{width:24px;height:24px}