.single{display:flex}body{font-family:Roboto,sans-serif}.sidebar{flex:3;height:fit-content;margin:20px;padding-bottom:30px;background-color:#fefefe;border-radius:10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarVideo{width:80%;margin:10px auto;display:block}.sidebarItem>video{margin-top:15px;width:250px;height:250px}.sidebarItem>p{margin-top:10px;padding:10px;font-size:18px;line-height:1.3;text-align:center}.sidebarTitle{margin:10px 0;padding:5px;width:80%;border-top:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;font-family:Merriweather,serif;font-size:24px;color:#eb0bba;font-weight:700;line-height:1.1;text-align:center}.sidebarList{list-style:none;margin-bottom:30px}.sidebarListItem{display:inline-block;width:50%;margin-top:5px;font-size:16px;cursor:pointer}.sidebarListItem:hover{color:#eb0bba;font-weight:700;text-decoration:underline}.sidebarSocial{margin-top:25px;width:25px;display:flex;align-items:center;justify-content:center}.sidebarIcon{font-size:36px;margin-left:10px;cursor:pointer}.sidebarIcon:hover{color:#eb0bba;transform:scale(1.2);transition:transform .2s ease-in-out}@media (max-width: 768px){.sidebar{flex:1;margin:10px;padding:15px}.sidebarTitle{font-size:28px}.sidebarListItem{font-size:18px}.sidebarIcon{font-size:28px}}.welcome{align-items:center;position:relative}.video-container{display:flex;justify-content:center;align-items:center;padding:0;background-color:transparent;width:100%;height:auto;margin:0}.video-element{width:100%;height:auto;border:none;outline:none}.singlePost{flex:9}.singlePostWrapper{padding:20px 0 20px 20px}.singlePostImg{width:100%;height:300px;border-radius:10PX;object-fit:cover}.singlePostTitle{text-align:center;margin:10px;font-family:Kanit,sans-serif;font-size:27px}.singlePostEdit{float:right;font-size:18px}.SinglePostIcon{margin-left:10Px;cursor:pointer}.SinglePostIcon:first-child{color:teal}.SinglePostIcon:last-child{color:tomato}.singlePostInfo{margin-top:20px;display:flex;justify-content:space-between;font-size:18px;color:#b39656;font-family:Roboto,system-ui}.singlePostAuthor{margin-left:5px}.singlePostDesc{color:#666;font-size:18px;line-height:27px}.singlePostDesc:first-letter{margin-left:20px;font-size:30px;font-weight:600}.top{width:100%;height:50px;background-color:#fff;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:10px;font-family:Oswald,sans-serif;z-index:999}.topLeft{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto}.topCenter{display:none}.topRight{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto}.topIcon{font-size:45px;margin-right:5px;color:#444;cursor:pointer}.topIcon:hover{color:#eb0bba;transform:scale(1.1);transition:transform .2s ease-in-out}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.topList{display:flex;justify-content:center;margin:0;padding:0;list-style:none;transition:max-height .3s ease-in-out}.topList.open{max-height:500px}.topListItem{margin-right:20px;font-size:36px;font-weight:700;cursor:pointer;list-style:none}.topListItem:hover{color:#eb0bba;font-weight:700;text-decoration:underline}.topListItem.active{color:#eb0bba;font-weight:700;border-bottom:2px solid #eb0bba}.topSearchIcon{font-size:27px;color:#666;cursor:pointer;margin-left:15px}.hamburgerIcon{display:none;font-size:24px;cursor:pointer;margin-left:15px}.hamburgerIcon,.topListItem .fa-right-to-bracket{display:none}@media (min-width: 768px){.top{display:flex;justify-content:space-between;align-items:center;padding:10px}.topLeft{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto}.topCenter{flex:2;display:flex;justify-content:center}.topRight{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto}.topIcon{font-size:45px;margin-right:10px}}.write{padding-top:50px}.writeImg{margin-left:150px;width:72vw;height:300px;border-radius:10PX;object-fit:cover}.writeForm{position:relative}.writeFormGroup{margin-left:150px;display:flex;align-items:center}.writeIcon{width:36px;height:36px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:27px;color:#5c5c5c;cursor:pointer}.writeInput{font-size:30px;border:none;padding:27px;width:70vw}.writeInput:focus{outline:none}.writeText{font-size:27px;height:100vh}.writeSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:teal;padding:9px;border:none;border-radius:9px;cursor:pointer;font-size:18px}.settings{padding-top:50px;margin-left:150px;display:flex}.settingsWrapper{flex:9}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:#f08080}.settingsTitleDelete{color:red;font-size:12px;cursor:pointer}.settingsForm{display:flex;flex-direction:column}.settingsPP{display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.settingsPP>img{height:70px;width:70px;border-radius:20px;object-fit:cover}.settingsPPIcon{width:25px;height:25px;padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;margin-left:10px;color:#fff;background-color:#f08080;cursor:pointer}.settingsPPButton:focus{outline-style:none}.settingsForm>label{font-size:20px;margin-top:20px}.settingsPPInput{width:30%}.settingsForm>input{color:gray;margin-top:10px 0;height:30px;border:none;border-bottom:1px solid lightgray}.settingsSubmit{align-self:center;width:150px;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settingsSubmit:hover{background-color:#017272}.login{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#d8bfd880,#d8bfd880),url(/assets/LoginScreen-Bouin__q.jpg);background-size:cover}.loginButton{margin-top:20px;cursor:pointer;background-color:#d8bfd8;border:none;color:#fff5ee;border-radius:9px;padding:9px}.loginRegisterButton{position:absolute;top:60px;right:20px;background-color:pink;color:#fff;border:none;border-radius:9px;padding:9px;cursor:pointer}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#d8bfd880,#d8bfd880),url(/assets/GetAccess-D4QbDrDn.jpg);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{margin:10px 0}.registerInput{padding:10px;background-color:#fff;border:none}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;border:none;color:#fff5ee;border-radius:9px;padding:9px}.registerLoginButton{position:absolute;top:60px;right:20px;background-color:purple;color:#fff;border:none;border-radius:9px;padding:9px;cursor:pointer}.header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;overflow:hidden}.headerOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.headerTitle{position:absolute;top:20%;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:2}.headerTitleSm{font-size:2rem;font-weight:300;letter-spacing:.1rem;margin-bottom:.5rem;display:block}.headerTitleLg{font-size:4rem;font-weight:700;letter-spacing:.2rem;display:block}.headerImg{width:100%;height:100%;object-fit:cover;opacity:.8;filter:brightness(.7)}@media (max-width: 768px){.header{height:30vh}.headerTitle{font-size:1.5rem}.headerTitleLg{font-size:2.5rem}}.post{width:385px;margin:0 25px 40px}.postImg{width:100%;height:190px;object-fit:cover;border-radius:10px}.postInfo{display:flex;flex-direction:column;align-items:center}.postCat{font-family:Fredoka,sans-serif;font-size:18px;color:#be9656;line-height:20px;margin-top:15px;margin-right:10px;cursor:pointer}.postTitle{font-family:Kanit,sans-serif;font-size:24px;font-weight:700;margin-top:15px;cursor:pointer}.postDate{font-family:Poppins,sans-serif;font-style:italic;font-style:18px;margin-top:15px;color:#a7a4a4}.postDescription{font-family:Roboto,sans-serif;font-style:15px;color:#444;line-height:21px;margin-top:17px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.postContent{font-family:Playwrite DE Grund,cursive;font-optical-sizing:auto}@media (max-width: 768px){.postImg{height:auto;max-height:300px;object-fit:cover}}.posts{flex:9;display:flex;flex-wrap:wrap;margin:20px}.home{display:flex}.login{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#ffe4e180,#ffe4e180),url(/assets/LoginScreen-Bouin__q.jpg);background-size:cover}.loginTitle{font-size:50px}.loginForm{margin-top:20px;display:flex;flex-direction:column}.loginForm>label{margin:10px 0}.loginInput{padding:10px;background-color:#fff;border:none}.loginButton{margin-top:20px;cursor:pointer;background-color:#f08080;border:none;color:#fff;border-radius:9px;padding:9px}body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#4a4a4a}@media (max-width: 768px){.top{flex-direction:column;align-items:center;padding:10px}.topLeft,.topRight{justify-content:center;margin-bottom:10px}.topList{flex-direction:column;align-items:center}.topListItem{margin:5px 0}.home{flex-direction:column;align-items:center;padding:10px}.home>*{width:100%;margin-bottom:20px}.sidebar{width:100%;padding:10px}.sidebarVideo{width:100%;height:auto}.post{width:100%;margin-bottom:20px}}