@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Roboto;font-size:16px}body,p{margin:0;padding:0}h1{font-size:24px;font-weight:600;padding:0;margin:0}h2{font-size:18px;font-weight:600;padding:0;margin:0}.error-card{position:absolute;top:80px;background-color:#d90429;color:#fff;width:400px;height:fit-content;display:flex;justify-content:center;align-items:center;padding:20px 10px;border-radius:10px;border:1px solid #C30425;transition:background-color 25ms ease-in}.error-card:hover{background-color:#c30425;border:1px solid #AE0321}.login-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr}.login-container-main-area{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px)}.login-card{display:flex;flex-direction:column;justify-content:space-between;width:400px;height:330px;border:1px solid #E0E0E0;border-radius:10px;padding:9px}@media screen and (max-width: 600px){.login-card{width:300px}}.login-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.login-card-creds-section{display:flex;flex-direction:column}.login-card-submit-button{justify-self:flex-end;border:none;background-color:#d81159;font-size:1.125rem;font-weight:600;color:#fff;padding:10px;border-radius:10px;transition:background-color 25ms ease-in}.login-card-submit-button:hover{cursor:pointer;background-color:#c20f50}#login-card-username-field,#login-card-password-field{height:44px;border:1px solid #E0E0E0;border-radius:10px;padding-left:1rem;font-size:1rem}.login-card-username-label{margin-top:30px}.login-card-username-label,.login-card-password-label{margin-bottom:8px}#login-card-username-field{margin-bottom:30px}#login-card-username-field:focus,#login-card-password-field:focus{outline:none;background-color:#ebebeb;border:1px solid #BDBDBD}.login-header{font-size:1.5rem;font-weight:600;margin-bottom:70px}.login-bottom-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:70px}@media screen and (max-height: 800px){.login-header{margin-bottom:30px}.login-bottom-container{margin-top:30px}}.register-redirect{color:#d81159;text-decoration:none;margin-top:10px}.register-redirect:hover{color:#c20f50;text-decoration:underline}.register-redirect:active{color:#dc296a}.register-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr}.register-form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.register-container-main-area{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px)}.register-card{display:flex;flex-direction:column;justify-content:space-between;width:400px;height:540px;border:1px solid #E0E0E0;border-radius:10px;padding:9px}@media screen and (max-width: 600px){.register-card{width:300px;height:490px}.register-container-main-area{margin-top:30px;margin-bottom:30px}}.register-card-creds-section{display:flex;flex-direction:column}.register-card-submit-button{justify-self:flex-end;border:none;background-color:#d81159;font-size:1.125rem;font-weight:600;color:#fff;padding:10px;border-radius:10px;transition:background-color 25ms ease-in}.register-card-submit-button:hover{cursor:pointer;background-color:#c20f50}#register-card-username-field,#register-card-password-field,#register-card-email-field,#register-card-confirm-password-field{height:44px;border:1px solid #E0E0E0;border-radius:10px;padding-left:1rem;font-size:1rem}#register-card-username-field:invalid,#register-card-password-field:invalid,#register-card-email-field:invalid,#register-card-confirm-password-field:invalid{border:1px solid #e8687f}#register-card-username-field:empty,#register-card-password-field:empty,#register-card-email-field:empty,#register-card-confirm-password-field:empty{border:1px solid #E0E0E0}#register-card-username-field:focus:invalid,#register-card-password-field:focus:invalid,#register-card-email-field:focus:invalid,#register-card-confirm-password-field:focus:invalid{border:1px solid #e8687f}#register-card-username-field:focus:empty,#register-card-password-field:focus:empty,#register-card-email-field:focus:empty,#register-card-confirm-password-field:focus:empty{border:1px solid #BDBDBD}.register-card-username-label{margin-top:30px}@media screen and (max-width: 600px){.register-card-username-label{margin-top:5px}}.register-card-username-label,.register-card-password-label,.register-card-email-label,.register-card-confirm-password-label{margin-bottom:8px}#register-card-password-field,#register-card-username-field,#register-card-email-field{margin-bottom:30px}#register-card-username-field:focus,#register-card-password-field:focus,#register-card-email-field:focus,#register-card-confirm-password-field:focus{outline:none;background-color:#ebebeb;border:1px solid #BDBDBD}.register-header{font-size:1.5rem;font-weight:600;margin-bottom:70px}.register-bottom-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:70px}@media screen and (max-height: 800px){.register-header{margin-bottom:30px}.register-bottom-container{margin-top:30px}.register-container-main-area{margin-top:30px;margin-bottom:30px}}.login-redirect{color:#d81159;text-decoration:none;margin-top:10px}.login-redirect:hover{color:#c20f50;text-decoration:underline}.login-redirect:active{color:#dc296a}.home-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr;height:100vh}.home-main-area{grid-row-start:2;grid-row-end:3;padding:30px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:calc(100vh - 60px)}.posts-area{grid-column-start:1;grid-column-end:2}.welcome-header,.latest-posts{padding-bottom:30px}.create-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr;width:100vw;height:100vh}.create-main-area{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;padding:30px}.create-title,.create-content{height:44px;border:1px solid #E0E0E0;border-radius:10px;padding-left:1rem;font-size:1rem}.create-content{padding-top:.75rem;resize:vertical;font-family:Roboto;min-height:fit-content}.create-title:focus,.create-content:focus{outline:none;background-color:#ebebeb;border:1px solid #BDBDBD}.create-new-title{margin-bottom:24px}.title,.content{margin-bottom:12px}.create-title,.create-content{margin-bottom:24px}.create-post-button{align-self:flex-end;border:none;background-color:#d81159;font-size:1rem;font-weight:600;color:#fff;padding:10px;border-radius:10px;transition:background-color 25ms ease-in}.create-post-button:hover{cursor:pointer;background-color:#c20f50}.single-post-container{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr;width:100vw;height:100vh}.single-post-main-area{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;padding:30px}.post-input-container{display:flex;width:100%;margin-bottom:30px}.comment-input-field{height:44px;border:1px solid #E0E0E0;border-radius:10px;padding-left:1rem;font-size:1rem;width:100%}.comment-input-field:focus{outline:none;background-color:#ebebeb;border:1px solid #BDBDBD}.submit-comment-button{justify-self:flex-end;border:none;background-color:#d81159;font-size:1rem;font-weight:600;margin-left:10px;color:#fff;padding-left:20px;padding-right:20px;border-radius:10px;transition:background-color 25ms ease-in}.submit-comment-button:hover{cursor:pointer;background-color:#c20f50}.comments-title{margin-bottom:20px}.navbar{grid-row-start:1;grid-row-end:2;display:flex;justify-content:space-between;align-items:center;background-color:#d81159;padding-left:1.5rem;padding-right:1.5rem}.navbar-left-section,.navbar-right-section{display:flex;align-items:center}@media screen and (max-width: 600px){.navbar-right-section{flex-direction:column}}.rline-logo-link{font-weight:700;color:#fff;text-decoration:none;font-size:1.5rem;margin-right:2rem}.navbar-link{color:#fff;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;font-size:1.125rem}.navbar-link:hover{background-color:#dc296a}.navbar-link:active{background-color:#e0417a}.navbar-link:visited{font-weight:700;color:#fff;text-decoration:none}@media screen and (max-width: 600px){.navbar-menu{background-color:#00007a;position:fixed;top:0;right:0;bottom:0;left:0;padding:1.5rem;translate:100vw 0;transition:translate .5s ease-in}}.navbar-menu-close,.navbar-menu-open{background:none;border:none}@media screen and (min-width: 600px){.navbar-menu-close,.navbar-menu-open{display:none}}.navbar-menu-open[aria-expanded=true]+.navbar-menu{translate:0}.card{padding:12px;border:1px solid #EDEDED;border-radius:10px;box-shadow:0 0 10px #0000000d;margin-bottom:24px}.card-metadata-section{display:flex;justify-content:flex-start;align-items:center;height:fit-content;padding-bottom:10px}.card-post-author{font-size:1rem;font-weight:600;color:#d81159;padding-right:10px}.card-post-author:hover{color:#c20f50;text-decoration:underline;cursor:pointer}.card-post-date{font-size:.875rem;color:#333}.card-title-section{padding-bottom:10px}.card-post-title{font-size:1.125rem;font-weight:500}.card-content-section{padding-bottom:12px}.card-content{font-size:1rem}.card-interaction-section{display:flex;height:fit-content;justify-content:flex-end;align-items:center}.like-icon,.comment-icon,.dislike-icon{margin-right:6px}.card-like-button{font-size:1rem;color:#fff;border:none;border-radius:10px;padding:5px 10px;background-color:#d81159;display:flex;justify-content:center;align-items:center}.card-like-button:hover{background-color:#c20f50}.card-like-button:active{background-color:#dc296a}.card-comment-button{font-size:1rem;color:#fff;border:none;border-radius:10px;padding:5px 10px;margin-right:10px;background-color:#11d890;display:flex;justify-content:center;align-items:center}.card-comment-button:hover{background-color:#0fc282}.card-comment-button:active{background-color:#29dc9b}