*{box-sizing:border-box;margin:0;padding:0}:root{--accent-color:#00796b;--foreground-color:#0f1419;--background-color:#fff;--gray-dark-color:#66757f;--gray-light-color:#edeff1}body{background-color:#fff;background-color:var(--background-color);color:#0f1419;color:var(--foreground-color);font-family:Open Sans,sans-serif}.app-container{margin:0 auto;max-width:800px}.loading{position:-webkit-sticky;position:sticky;top:0}.login-page,.register-page{display:grid;grid-template-columns:1fr;min-height:100vh}.login-page__hero,.register-page__hero{align-items:center;background-color:#00796b;background-color:var(--accent-color);color:#fff;color:var(--background-color);display:flex;font-size:160px;justify-content:center}.login-page__main,.register-page__main{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px}.login-page__main h2,.register-page h2{font-size:48px;font-weight:300}.login-input input,.register-input input{border:1px solid #66757f;border:1px solid var(--gray-dark-color);border-radius:4px;display:block;font-family:Open Sans,sans-serif;font-size:16px;margin:8px 0;padding:12px 8px;width:100%}.login-input button,.register-input button{background-color:#00796b;background-color:var(--accent-color);border:0;border-radius:10px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;margin-top:12px;padding:12px 8px;width:100%}.home-page{margin:0 auto;width:90%}.navigation{align-items:center;display:flex;gap:16px;min-height:55px;padding:0 12px}.navigation img{border-radius:50%;vertical-align:middle;width:32px}.navigation nav{flex:1 1}.navigation nav a{color:#0f1419;color:var(--foreground-color);font-weight:700;text-decoration:none}.navigation button{background-color:initial;border:0;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700}.talks-list{margin-bottom:32px}.talk-item{border:1px solid #f3f3f3;border-bottom:0;cursor:pointer;display:flex;gap:10px;padding:16px}.talk-item:last-of-type{border-bottom:1px solid #f3f3f3}.talk-item:hover{background-color:#edeff1;background-color:var(--gray-light-color)}.talk-item__user-photo img{border-radius:50%;vertical-align:middle;width:40px}.talk-item__detail{flex:1 1}.talk-item__detail header{display:flex;margin-bottom:4px}.talk-item__user-info{flex:1 1}.talk-item__detail .talk-item__created-at{color:#66757f;color:var(--gray-dark-color);font-size:15px}.talk-item__detail .talk-item__user-name{font-size:15px;font-weight:600}.talk-item__detail .talk-item__user-id{color:#66757f;color:var(--gray-dark-color);font-size:15px}.talk-item__detail .talk-item__text{font-size:15px}.talk-item__detail .talk-item__likes{margin-top:12px}.talk-item__likes p{align-items:center;display:flex;font-size:15px;gap:8px}.talk-item__likes p button{background-color:initial;border:0;cursor:pointer;display:flex;font-size:18px}.talk-input,.talk-reply-input{margin-bottom:16px}.talk-input textarea,.talk-reply-input textarea{background-color:#fff;background-color:var(--background-color);border-color:#edeff1;border-color:var(--gray-light-color);font-family:Open Sans,sans-serif;font-size:15px;height:150px;padding:8px;resize:none;width:100%}.talk-input button,.talk-reply-input button{background-color:#00796b;background-color:var(--accent-color);border:0;color:#fff;color:var(--background-color);cursor:pointer;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;padding:8px;width:100%}.talk-input__char-left,.talk-reply-input__char-left{color:#66757f;color:var(--gray-dark-color);font-size:15px;margin:6px 0 8px}.detail-page{margin:0 auto;width:90%}.detail-page__parent{margin-bottom:64px}.detail-page__parent h3{margin:8px 0 16px}.talk-detail{margin-top:32px}.talk-detail header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.talk-detail header img{border-radius:50%;width:80px}.talk-detail__user-info{font-size:20px}.talk-detail__user-name{font-weight:600}.talk-detail__text{font-size:20px}.talk-detail footer{display:flex;margin-top:32px}.talk-detail__like{display:flex;flex:1 1;gap:10px}.talk-detail__like button{background-color:initial;border:0;cursor:pointer;font-size:24px}.talk-reply-input{margin-top:32px}@media screen and (min-width:850px){.login-page,.register-page{grid-template-columns:1.25fr 1fr}}
/*# sourceMappingURL=main.c34927b9.css.map*/