:root{--charcoal: #243742;--jet: #2E2F2F;--carolina-blue: #87BCDE;--light-gray: #c0c0c0;--dark-cyan: #5B8686;background-color:var(--dark-cyan);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--charcoal: #243742;--jet: #2E2F2F;--carolina-blue: #87BCDE}.formWrapper{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--carolina-blue);align-items:center;justify-content:center}.formTitle{text-align:center;margin-bottom:10px}form{display:flex;flex-direction:column;gap:15px}form div{display:flex;flex-direction:column}label{text-align:right;font-size:larger;margin-bottom:5px}input{padding:10px;border:5px solid var(--charcoal);border-radius:6px;font-size:large}input:focus{border-color:var(--carolina-blue);outline:none}button{align-self:center;width:fit-content;padding:12px;background:var(--carolina-blue);color:var(--charcoal);font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease-in-out}button:hover{background:var(--jet);color:var(--carolina-blue)}.header{background-color:var(--charcoal);color:var(--carolina-blue);width:100vw;height:10vh;box-shadow:0 10px 10px 10px var(--charcoal);display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:x-large;font-weight:700;z-index:10;overflow:visible;position:sticky}.siteNav,.loginNav{display:flex}.navBar a,.loginNavBar a{color:var(--carolina-blue);text-decoration:none;margin-right:15px}.navBar a:hover,.loginNavBar a:hover{text-decoration:underline}.userBox{display:flex;align-items:center}.welcomeUser{margin-right:15px}.body{display:flex;flex-direction:row}.leftSection{flex:40;height:90vh;background-color:var(--light-gray);z-index:0;display:flex;justify-content:center;align-items:center}.profile{width:80%;border-radius:100%;box-shadow:0 0 50px 2px #000}.rightSection{flex:60;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--jet);display:flex;flex-direction:column;justify-content:center}.introTitle{font-size:96px;text-align:center}.introSubtitle{font-size:xx-large;text-align:center}.introPara{text-align:center;width:70%;margin-inline:auto}h2 a{color:var(--jet)}body{margin:0}.title{text-align:center;color:var(--carolina-blue);font-size:48px;padding-top:7%}.contactBody{display:flex;flex-direction:column;justify-content:center;align-items:center}h3{color:var(--carolina-blue);font-size:xx-large}a{color:var(--carolina-blue);text-wrap:nowrap}a:hover{color:var(--light-gray)}.blogPost{margin-inline:auto;width:90%;background:var(--charcoal);margin-top:20px;padding:10px;border-radius:15px}.headWrapper{display:flex;flex-direction:row;align-items:baseline;gap:10px}.postTitle{margin-top:10px;margin-left:2%;width:fit-content;color:var(--carolina-blue);font-size:48px;font-weight:700}.postDate{width:fit-content;font-size:medium;color:var(--light-gray)}.contentWrapper{background:var(--light-gray);min-height:200px;width:95%;border-radius:10px;margin-inline:auto;padding:10px;margin-bottom:2.5%}.postContent{margin-top:0;margin-bottom:0;font-size:x-large;color:#000}.posts{width:90vw;height:80vh;margin-inline:auto;display:flex;flex-direction:column;margin-top:50px;overflow-x:visible;overflow-y:scroll}.postWrapper{width:90vw;height:80vh;margin-inline:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.postLabel{display:flex;flex-direction:column;text-align:center;width:80%;color:var(--charcoal)}.contentInput{height:40vh;padding:10px;border:5px solid var(--charcoal);border-radius:6px;font-size:large;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mobile-header{background-color:var(--charcoal);color:var(--carolina-blue);width:100%;position:sticky;top:0;z-index:10;box-shadow:0 5px 10px var(--charcoal);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mobile-header-top{display:flex;justify-content:space-between;align-items:center;height:10vh;padding:0 20px}.mobile-logo a{color:var(--carolina-blue);text-decoration:none;font-size:x-large;font-weight:700}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:50px;height:50px;background:none;border:none;cursor:pointer}.bar{flex-shrink:0;width:100%;height:2px;background-color:var(--carolina-blue);border-radius:2px;transition:transform .3s,opacity .3s;display:block}.bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:absolute;width:100%;display:none;flex-direction:column;background-color:var(--charcoal);padding:10px 0;text-align:center}.mobile-menu.show{display:flex;box-shadow:0 5px 10px var(--charcoal)}.mobile-menu a{color:var(--carolina-blue);text-decoration:none;padding:10px 0;font-size:large}.mobile-menu a:hover{text-decoration:underline}.mobile-user{padding:10px 0;color:var(--carolina-blue)}.mobileBody{display:flex;flex-direction:column;margin-top:10vh;color:var(--charcoal);text-align:center;padding:20px}.mobileIntroTitle{font-size:70px}.mobileIntroPara{font-size:16px}.posts{width:90vw;height:80vh;margin-inline:auto;display:flex;flex-direction:column;margin-top:50px;overflow-x:hidden;overflow-y:scroll}.shadow{width:90vw;bottom:-1px;box-shadow:0 -1px 150px 100px #000;height:1px;z-index:0;position:absolute}.noPosts{margin-inline:auto;margin-top:100px;font-size:larger}