.top{width:100%;height:50px;background-color:#fff;position:sticky;top:0;display:flex;align-items:center;z-index:999;font-family:Josefin Sans,sans-serif}.topLeft,.topRight{flex:3;display:flex;align-items:center;justify-content:center}.topIcon{font-size:20px;margin-right:10px;color:#444;cursor:pointer}.topCenter{flex:6}.topList{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.topListItem{margin-right:20px;font-size:18px;font-weight:300;cursor:pointer}.topListItem:hover{color:gray}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px;cursor:pointer}.topSearchIcon{font-size:18px;color:#666;cursor:pointer}.header{height:650px}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:Lora,serif;color:#444;margin-top:90px}.headerTitleLg{position:absolute;top:55%;font-size:100px;font-family:Varela Round,Arial,Helvetica,sans-serif}.headerImg{width:100%;height:450px;margin-top:0;object-fit:cover}.sidebar{flex:3;height:fit-content;margin:20px;padding-bottom:30px;background-color:#fdfbfb;border-radius:10px;display:flex;flex-direction:column;align-items:center}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarTitle{margin:10px;padding:5px;width:80%;border-top:solid 1px #a7a4a4;border-bottom:solid 1px #a7a4a4;text-align:center;font-family:Varela Round,sans-serif;font-size:12px;line-height:19px;color:#222;font-weight:600;font-size:18px}.sidebarItem>img{margin-top:15px;width:250px;height:250px}.sidebarItem>p{padding:30px}.sidebarList{list-style-type:none;margin-bottom:30px}.sidebarListItem{display:inline-block;width:50%;margin-top:15px;cursor:pointer}.sidebarSocial{margin-top:15px;width:250px;display:flex;align-items:center;justify-content:center}.sidebarSocial>a{text-decoration:none;color:#222}.sidebarIcon{font-size:16px;margin-left:10px}.wisdom{width:385px;margin:0 25px 40px;display:flex;flex-direction:column}.WisdomImg{width:385px;height:280px;object-fit:cover;border-radius:10px}.wisdomInfo{display:flex;flex-direction:column;align-items:center}.wisdomCat{font-family:Varela Round,Arial,Helvetica,sans-serif;font-weight:400;font-size:11px;color:#be9656;line-height:19px;margin-top:15px;margin-right:10px;cursor:pointer}.wisdomTitle{font-family:Josefin Sans,Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;margin-top:15px;cursor:pointer}.wisdomDate{font-family:Lora,serif;font-style:italic;font-size:13px;font-weight:400;color:#999;margin-top:15px}.wisdomDetail{font-family:Varela Round,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:24px;color:#444;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.wisdoms{flex:9;display:flex;flex-wrap:wrap;margin:20px}.home{display:flex}.wisdomViewCom{flex:9}.wisdomViewComWrapper{padding:20px 0 20px 20px}.wisdomViewComImg{width:100%;height:300px;border-radius:10px;object-fit:cover}.wisdomViewComTitle{text-align:center;margin:10px;font-size:28px;font-family:Lora,sans-serif}.wisdomViewComTitleInput{margin:10px;font-family:Lora,serif;font-size:28px;text-align:center;border:none;color:gray;border-bottom:1px solid lightgray;width:100%}.wisdomViewComTitleInput:focus{outline:none}.wisdomViewComEdit{float:right;font-size:16px}.wisdomViewComIcon{margin-left:10px;cursor:pointer}.wisdomViewComIcon:first-child{color:teal}.wisdomViewComIcon:last-child{color:tomato}.wisdomViewComInfo{margin-bottom:20px;display:flex;justify-content:space-between;font-size:16px;color:#be9656;font-family:Varela Round,Arial,Helvetica,sans-serif}.wisdomViewComAuthor{margin-left:5px}.wisdomViewComDetail{color:#666;font-size:18px;line-height:25px}.wisdomViewComDetail:first-letter{margin-left:20px;font-size:30px;font-weight:600}.wisdomViewComDetailInput{border:none;color:#666;font-size:18px;line-height:25px;width:100%}.wisdomViewComDetailInput:focus{outline:none}.wisdomViewComButton{width:100px;border:none;background-color:teal;padding:5px;color:#fff;border-radius:5px;cursor:pointer;align-self:flex-end;margin-top:20px;margin-left:80%}.wisdomView{display:flex}.newWisdom{padding-top:50px}.newWisdomImg{margin-left:150px;width:70vw;height:250px;border-radius:10px;object-fit:cover}.newWisdomForm{position:relative}.newWisdomFormGroup{margin-left:150px;display:flex;align-items:center}.newWisdomIcon{width:25px;height:25px;font-size:20px;border:1px solid;border-radius:50%;color:#817d7d;display:flex;align-items:center;justify-content:center;cursor:pointer}.newWisdomInput{font-size:30px;border:none;padding:20px;width:70vw}.newWisdomInput::placeholder{color:#bdb9b9;font-weight:400}.newWisdomInput:focus{outline-style:none}.newWisdomText{width:70vw;height:100vh;font-family:inherit;font-size:20px}.newWisdomSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:teal;padding:10px;border:none;border-radius:10px;font-size:16px;cursor:pointer;display:flex;align-items:center}.formGroup{display:flex;margin-left:150px}.formRadio{padding:10px;font-family:Josefin Sans,sans-serif}.settings{display:flex}.settingsWrapper{flex:9;padding:20px}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsTitleUpdate{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;margin-bottom:10px;height:30px;border:none;border-bottom:1px solid lightgray}.settingsSubmitButton{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}.settingsSubmitButton:hover{background-color:#017272}.login{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url(https://images.pexels.com/photos/768473/pexels-photo-768473.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);background-size:cover}.loginTitle{font-size:50px}.loginForm{margin-top:20px;display:flex;flex-direction:column;width:200px}.loginForm>label{margin:10px 0}.loginInput{padding:10px;background-color:#fff;border:none;border-radius:10px}.loginInput:focus{outline:none}.loginButton{margin-top:20px;cursor:pointer;background-color:#f08080;color:#fff;padding:10px;border:none;border-radius:10px;text-align:center}.loginButton:disabled{cursor:not-allowed;background-color:#fcadad}.loginRegisterButton{position:absolute;top:60px;right:20px;background-color:teal;cursor:pointer;padding:10px;border:none;color:#fff;border-radius:10px}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url(https://images.pexels.com/photos/317355/pexels-photo-317355.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:flex;flex-direction:column;width:300px}.registerForm>label{margin:10px 0}.registerInput{padding:10px;background-color:#fff;border:none;border-radius:10px}.registerInput:focus{outline:none}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;color:#fff;padding:10px;border:none;border-radius:10px;text-align:center}.registerLoginButton{position:absolute;top:60px;right:20px;background-color:#f08080;cursor:pointer;padding:10px;border:none;color:#fff;border-radius:10px}.grid-container{display:grid;column-gap:50px;grid-template-columns:auto auto auto;background-color:#2196f3;padding:10px}.grid-item{background-color:#fffc;border:1px solid rgba(0,0,0,.8);padding:20px;font-size:30px;text-align:center}