.post-index-container{margin:42px auto 32px auto;max-width:1032px;padding:0 20px;font-family:'Fira Sans', Geneva, Arial, sans-serif}.post-index-main{display:flex}.post-index-items{width:64%}.post-index-latest{margin-top:26px;margin-bottom:16px;color:#505050;font-size:18px}.post-index-hero-container{display:flex;margin-bottom:24px}.post-index-hero-container .hero-left{width:33%;margin-right:24px}.post-index-hero-container .hero-middle{width:36%;margin-right:24px}.post-index-hero-container .hero-middle .hero-middle-item{display:flex;margin-bottom:20px}.post-index-hero-container .hero-right{width:26%}.hero-left-img-container,.hero-right-img-container{display:flex;align-items:center;height:150px;overflow:hidden;border-radius:2px}.hero-middle-img{height:100px;width:100px;object-fit:cover;border-radius:2px}.hero-middle-text{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px}.hero-left-title{margin:16px 0 10px 0;font-size:22px;font-weight:500}.hero-middle-title{margin-bottom:10px;font-size:16px;font-weight:500}.hero-right-title{margin:16px 0 10px 0;font-size:20px;font-weight:500}.hero-left-preview,.hero-middle-preview,.hero-right-preview{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#787878;font-size:16px;font-weight:300;line-height:1.5em}.hero-middle-preview{-webkit-line-clamp:1}.hero-right-preview{-webkit-line-clamp:2}.hero-author{margin-top:20px;width:fit-content;font-size:14px;color:#0f730c}.hero-author:hover{text-decoration:underline}.hero-middle-author{width:fit-content;font-size:14px;color:#0f730c}.hero-middle-author:hover{text-decoration:underline}.post-index-item-container{display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid #e6e6e6}.post-index-item-text{display:flex;flex-direction:column;justify-content:space-between;width:100%}.post-index-item-title{margin-bottom:8px;font-size:22px;font-weight:500}.post-index-item-author{width:fit-content;font-size:14px;color:#0f730c}.post-index-item-author:hover{text-decoration:underline}.post-index-item-preview{margin-bottom:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#787878;font-size:16px;font-weight:300;line-height:1.5em}.post-index-item-img{margin-left:42px;height:120px;width:140px;object-fit:cover;border-radius:2px}.popular-posts-container{position:sticky;top:0;margin:0 30px 0 auto;height:fit-content;width:264px}.popular-posts-heading{margin-top:20px;font-weight:500;font-size:22px}.popular-line-break{margin:18px auto 28px auto;border-bottom:1px solid #e6e6e6}.popular-posts-item{display:flex;justify-content:space-between;margin:28px auto}.popular-posts-number{margin-top:-4px;color:#c8c8c8;font-size:30px;font-weight:300}.popular-posts-links{display:flex;flex-direction:column;justify-content:space-between;width:218px}.popular-posts-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-size:16px}.popular-posts-author{color:#0f730c;font-size:14px;font-weight:300}.post-form-container{display:flex;justify-content:flex-start;margin:24px auto;max-width:680px;min-height:calc(100vh - 182px)}.post-form{display:flex;flex-direction:column;width:100%;font-family:'Nanum Myeongjo', Georgia, Cambria, serif}.post-form-buttons{align-self:flex-end;margin-bottom:4px}.post-form-title{margin-bottom:10px;padding-top:12px;font-size:40px;line-height:1.15em;color:black}.post-form-image{margin-bottom:10px;font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-size:14px;color:#787878}.post-form-body{height:100%;resize:none;font-size:20px;line-height:1.6em;color:black}.post-form-title,.post-form-image,.post-form-body{padding-left:12px;border-left:1px solid #c8c8c8}.post-form-title::placeholder,.post-form-image::placeholder,.post-form-body::placeholder{color:#c8c8c8}.post-show-container{margin:42px auto;max-width:680px}.post-show-buttons{display:flex;justify-content:flex-end;margin-bottom:10px}.post-show-title{margin-bottom:32px;font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-weight:800;font-size:40px;line-height:1.3em}.post-show-author-div{display:flex;align-items:center}.post-show-author{margin-left:12px;font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-size:16px}.post-show-author:hover{text-decoration:underline}.post-show-author-avatar{margin-left:2px;height:44px;width:44px;font-size:44px;color:#d4ded4}.post-show-line-break{margin-top:24px;margin-bottom:32px;border-bottom:1px solid #e6e6e6}.post-show-img-container{display:flex;align-items:center;max-height:450px;overflow:hidden;margin:20px 0}.post-show-img-container img{width:100%}.post-show-body{margin:42px 0;font-family:'Nanum Myeongjo', Georgia, Cambria, serif;font-size:20px;line-height:1.6em;white-space:pre-line}.post-show-footer-container{background:#f9f9f9;padding:48px 0}.post-show-footer{margin:auto;max-width:680px}.post-show-footer-avatar{display:flex;margin-left:2px;height:72px;width:72px;border-radius:99em;font-size:72px;background:white;color:#d4ded4}.post-show-footer-author{margin-top:16px;font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-size:24px;font-weight:600}.post-form-delete,.post-form-submit,.post-show-update{margin-left:10px;width:110px;height:24px;border-radius:99em;font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-size:14px;text-align:center;background:white}.post-form-submit,.post-show-update{border:1px solid #1a8917;color:#1a8917}.post-form-submit:hover,.post-show-update:hover{border:1px solid #0f730c;color:#0f730c}.post-form-delete{border:1px solid #c94a4a;color:#c94a4a}.post-form-delete:hover{border:1px solid #e61e1e;color:#e61e1e}.user-profile-container{margin:42px auto;max-width:680px;font-family:'Nunito Sans', Helvetica, Arial, sans-serif}.user-profile-header{display:flex;align-items:center;justify-content:space-between}.user-profile-header-left{display:flex;align-items:center}.user-profile-name{font-weight:700;font-size:42px}.user-profile-avatar{display:flex;align-self:flex-start;height:88px;width:88px;font-size:88px;color:#d4ded4}.user-profile-line-break{margin-top:32px;margin-bottom:24px;border-bottom:1px solid #e6e6e6}.user-profile-content{margin-bottom:42px}.user-content-heading{margin-bottom:16px;font-weight:600;font-size:18px;color:black}.user-profile-no-content{margin-top:80px;font-size:16px;color:#787878}.user-post-container{padding:30px 0;border-bottom:1px solid #e6e6e6}.user-post-heading{display:flex;justify-content:space-between;margin-bottom:16px}.user-post-author{display:flex;align-items:center}.user-post-avatar{display:flex;height:20px;width:20px;font-size:20px;color:#d4ded4}.user-post-name{font-size:14px;margin-left:8px}.user-post-name:hover{text-decoration:underline}.user-post-content{display:flex;justify-content:space-between}.user-post-text{width:100%}.user-post-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.2em}.user-post-preview{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#787878;font-size:16px}.user-post-img{margin-left:42px;height:107px;width:160px;object-fit:cover;border-radius:2px}.create-post-button,.user-post-update,.user-post-delete{border-radius:99em;text-align:center;background:white}.create-post-button{margin-left:20px;width:100px;height:24px;font-size:14px}.user-post-update,.user-post-delete{margin-left:8px;width:70px;height:18px;font-size:12px}.create-post-button,.user-post-update{border:1px solid #787878;color:#505050}.create-post-button:hover,.user-post-update:hover{border:1px solid #505050;color:#282828}.user-post-delete{border:1px solid #c94a4a;color:#c94a4a}.user-post-delete:hover{border:1px solid #e61e1e;color:#e61e1e}html,body,header,nav,h1,a,ul,li,strong,main,button,i,section,img,div,h2,h3,p,pre,form,fieldset,label,input,textarea,span,article,footer,time,small{margin:0;padding:0;border:0;outline:0;font:inherit;color:inherit;text-align:inherit;text-decoration:inherit;vertical-align:inherit;box-sizing:inherit;background:transparent}html,body,main{height:100%}ul{list-style:none}img{display:block;width:100%;height:auto}input[type="password"],input[type="email"],input[type="text"],input[type="submit"],textarea,button{-webkit-appearance:none;-moz-appearance:none}button,input[type="submit"]{cursor:pointer}.session-form-container,.session-form,.session-form-label,.session-errors{display:flex;flex-direction:column;align-items:center}.session-form-container{font-family:'Nunito Sans', Helvetica, Arial, sans-serif;font-size:14px}.session-close{position:absolute;top:0;right:0;margin:4px;padding:0px 8px;font-size:20px;color:#787878}.session-header{font-family:'Playfair Display', Georgia, Cambria, serif;font-size:28px}.session-form{margin-top:20px}.session-form-label{margin:10px;font-size:14px;color:#505050}.session-form-label input{padding:8px 4px 4px 4px;border-bottom:1px solid #c8c8c8;font-size:16px;text-align:center;width:290px;color:#282828}.session-errors{margin-bottom:12px;color:#c94a4a}.session-form-submit,.demo-button{margin:6px;width:130px;height:36px;border-radius:99em;font-size:14px;text-align:center;background:white;border:1px solid #787878;color:#505050}.session-form-submit:hover,.demo-button:hover{border:1px solid #505050;color:#282828}.session-form-footer{display:flex;margin-top:20px;font-size:16px;color:#282828}.other-form-button{margin-left:4px;font-weight:700;color:#1a8917}.other-form-button:hover{color:#0f730c}.body{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.nav-bar-container,.nav-bar,.header-link,.nav-bar-right{display:flex;align-items:center}.nav-bar-container{height:65px;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.nav-bar{justify-content:space-between;margin:auto;width:1032px;padding:0 20px}.header-link{font-family:'Playfair Display', Georgia, Cambria, serif;font-weight:700;font-size:32px}.nav-bar-name{font-family:'Nanum Myeongjo', Georgia, Cambria, serif;font-size:16px}.nav-bar-profile-link{display:flex;margin:auto 12px;height:32px;width:32px;font-size:32px;color:#d4ded4}.login-button{margin:auto 20px;font-family:'Fira Sans', Geneva, Arial, sans-serif;font-size:14px;color:#1a8917}.login-button:hover{color:#0f730c}.signup-button,.logout-button{width:104px;height:35px;border-radius:99em;font-family:'Fira Sans', Geneva, Arial, sans-serif;font-size:14px;text-align:center;background:white;border:1px solid #1a8917;color:#1a8917}.signup-button:hover,.logout-button:hover{border:1px solid #0f730c;color:#0f730c}.loading{display:flex;align-content:center;margin:auto;height:calc(100vh - 130px)}.footer-break{border-bottom:1px solid #e6e6e6}.footer{min-height:68px}.footer-text{margin:auto;padding:24px;display:flex;justify-content:space-between;max-width:680px;font-family:'Fira Sans', Geneva, Arial, sans-serif;font-weight:300;font-size:14px;color:#787878}.modal-background{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(255,255,255,0.9);z-index:10}.modal-child{display:flex;align-items:center;justify-content:center;margin:auto;position:absolute;top:50%;left:50%;width:900px;height:550px;transform:translate(-50%, -50%);background-image:url(https://cdn-images-1.medium.com/max/1800/1*gnUBeL-INIVDk0_GyL8x1g.png);background-repeat:no-repeat;background-size:100%;background-color:white;border-radius:4px;box-shadow:0px 2px 10px rgba(0,0,0,0.15)}