.headerTitles{display:flex;justify-content:column;align-items:center;font-family:Lora,serif;color:#444;width:100vw}.headerTitleSm{position:absolute;top:18%;font-size:20px;width:100%;text-align:center}.headerTitleLg{position:absolute;top:20%;font-size:100px;width:100%;text-align:center}.headerImg{width:100%;height:727px;object-fit:cover}.post{margin:0 25px 40px;width:385px}.postImg{width:100%;height:280px;object-fit:cover;border-radius:7px}.postInfo{display:flex;flex-direction:column;align-items:center}.postCat{font-family:Verela Round,sans-serif;font-size:11px;line-height:20px;margin-top:15px;margin-right:10px;cursor:pointer;color:#ffa07a}.postTitle{font-family:Josefin Sans,sans-serif;font-size:24px;font-weight:700;cursor:pointer;margin-top:15px}.postDate{font-family:Lora,serif;font-style:italic;font-size:;color:gray;margin-top:15px}.postDescription{font-family:Verela Round,sans-serif;font-size:14px;color:#444;line-height:24px;margin-top:15px}.posts{flex:9;display:flex;flex-wrap:wrap;margin:20px}.sidebar{flex:3;margin:20px;padding-bottom:30px;background-color:#f6f5f5bf;border-radius:10px;display:flex;align-items:center;flex-direction:column;height:900px}.sidebarItem{display:flex;justify-content:center;align-items:center;flex-direction:column}.sideBarTitle{margin:10px;padding:5px;width:100%;border-top:1px solid rgb(106,176,255);border-bottom:1px solid rgb(106,176,255);font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;color:#222;line-height:20px;text-align:center}.sidebarItem>img{margin-top:15px;width:200px;height:200px}.sidebarItem>p{padding:30px}.sidebarList{list-style:none;margin-bottom:30px}.sidebarListItem{display:inline-block;width:50%;margin-top:15px;cursor:pointer;text-align:center}.sidebarSocial{margin-top:15px;width:240px;display:flex;align-items:center;justify-content:center}.sideBarIcon{width:40px;height:40px;border-radius:50px;text-align:center;cursor:pointer;margin-right:15px}@media (max-width: 480px){.sidebar{margin:10px;padding-bottom:20px;flex:none}.sideBarTitle{margin:5px;padding:3px;font-size:10px;line-height:16px}.sidebarItem>img{margin-top:10px;width:150px;height:150px}.sidebarItem>p{padding:20px}.sidebarListItem{width:100%;margin-top:10px}.sidebarSocial{margin-top:10px;width:200px}.sideBarIcon{width:30px;height:30px;margin-right:10px}}.home{display:flex}@media (max-width: 480px){.home{flex-direction:column}}.login{height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(rgba(18,12,12,.5),rgba(50,44,44,.5)),url(https://www.xtrafondos.com/en/descargar.php?id=6162&resolucion=3840x2160);background-position:center;background-size:cover;background-repeat:no-repeat;align-items:center}.loginTitle{font-size:50px;color:#fff}.loginForm{margin-top:20px;display:flex;flex-direction:column}.loginForm>label{margin:10px 0}.loginInput{background-color:color;border:none;padding:12px 10px;width:300px}.loginButton{margin-top:20px;cursor:pointer;background-color:#ff69b4;border:none;color:#fff;border-radius:10px;padding:10px}.loginRegisterButton{position:absolute;top:60px;right:20px;background-color:teal;cursor:pointer;border:none;color:#fff;padding:10px;border-radius:10px}.register{height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(rgba(18,12,12,.5),rgba(50,44,44,.5)),url(https://preview.redd.it/p2w2tos7r4z31.png?auto=webp&s=5de4bf236ae49b25f30164b17add3cee1bb5cb00);background-position:center;background-size:cover;background-repeat:no-repeat;align-items:center}.registerTitle{font-size:50px;color:#fff}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{color:#fff;font-weight:300;margin:10px 0}.registerInput{padding:12px 10px;width:300px;background-color:color;border:none}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;border:none;color:#fff;border-radius:10px;padding:10px}.registerRegisterButton{position:absolute;top:60px;right:20px;background-color:#ff69b4;cursor:pointer;border:none;color:#fff;padding:10px;border-radius:10px}.settings{display:flex}.settingWrapper{flex:9;padding:20px}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:#ff4500}.settingsDeleteTitle{color:red;font-size:12px;cursor:pointer}.settingForm{display:flex;flex-direction:column}.settingPP{display:flex;align-items:center;margin:10px 0}.settingPP>img{width:70px;height:70px;border-radius:20px;object-fit:cover}.settingPPIcon{width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ff4500;cursor:pointer;margin-left:10px;color:#fff}.settingForm>label{font-size:20px;margin-top:20px}.settingForm>input{color:gray;margin:10px 0;height:30px;border:none;border-bottom:1px solid lightgrey}.settingSubmit{width:150px;align-self:center;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer}@media (max-width: 480px){.settings{flex-direction:column}.settingsTitle{flex-direction:column;align-items:flex-start}.settingsUpdateTitle{font-size:24px;margin-bottom:10px;text-align:center}.settingsDeleteTitle{font-size:15px}.settingPP{flex-wrap:wrap;position:relative}.settingPP>img{width:50px;height:50px;margin-left:40%}.settingPPIcon{width:24px;height:24px;font-size:12px;margin-left:5px;position:absolute;left:50%;top:0%}.settingForm>label{font-size:18px;margin-top:15px}.settingForm>input{margin:8px 0;height:25px}.settingSubmit{width:120px;font-size:14px}}.singlePost{flex:9}.singlePostWrapper{padding:20px 0 20px 20px}.singlePostImg{width:100%;height:300px;border-radius:5px;object-fit:cover}.singlePostTitle{text-align:center;margin:10px;font-family:Lora,serif;font-size:28px}.singlePostEdit{float:right;font-size:16px}.singlePostIcon{margin-left:10px;cursor:pointer}.singlePostIcon:first-child{color:teal}.singlePostIcon:last-child{color:tomato}.singlePostInfo{margin-bottom:20px;display:flex;justify-content:space-between;font-size:16px;color:#b39656;font-family:Varela Round,sans-serif}.singlePostDescription{color:#666;font-size:18px;list-style:25px}.singlePostDescription:first-letter{margin-left:20px;font-size:30px;font-weight:600}@media (max-width: 480px){.singlePostImg{max-height:200px}.singlePostTitle{font-size:24px}.singlePostInfo{font-size:14px}.singlePostDescription{font-size:16px}.singlePostDescription:first-letter{margin-left:10px;font-size:24px}}.single{display:flex}.write{padding-top:50px}.writeForm{position:relative}.writeFormGroup{margin-left:150px;display:flex;align-items:center}.writeIcon{width:25px;height:25px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:20px;color:#616060;cursor:pointer}.writeInput{font-size:30px;border:none;padding:20px;width:70vw}.writeInput:focus{outline:none}.writeText{font-size:20px;height:100vh}.writeImg{margin-left:150px;width:70vw;height:250px;border-radius:10px;object-fit:cover}.writeSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:teal;padding:10px;border:none;cursor:pointer;font-size:16px;border-radius:10px}@media (max-width: 480px){.write{overflow:hidden}.writeInput{font-size:24px;padding:15px;width:90vw}.writeText{font-size:18px}.writeIcon{margin-left:10px;margin-top:5px}.writeFormGroup{margin-top:10px;flex-direction:column;margin-left:0;align-items:flex-start}.writeImg{max-height:300px;margin-left:50px}.writeSubmit{top:10px;right:10px;padding:8px;font-size:14px}}.top{width:100%;height:70px;background-color:#0e0e23;position:sticky;top:0;display:flex;color:#fff;font-family:Josefin Sans,san-serif;align-items:center;z-index:99999999}.topLeft,.topRight{flex:3;display:flex;justify-content:center;align-items:center}.topCenter{flex:6}.logo{width:40px;height:40px;background-color:bisque;border:1px solid white;display:flex;align-items:center;justify-content:center;margin-right:10px}.topImg{width:40px;height:40px;border-radius:50%;cursor:pointer;object-fit:cover}.topList{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.topListItem{margin-right:20px;font-size:18px;font-weight:100;cursor:pointer}.sideBarIcon{width:40px;height:40px;border-radius:50px;text-align:center;cursor:pointer;margin-right:15px;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.top{flex-wrap:wrap;height:auto;padding:10px}.sideBarIcon{width:24px;height:24px}.topLeft{margin-left:-35px}.topLeft,.topRight{flex:none}.topRight{position:absolute;top:10px;right:10px}.topCenter{flex:100%;margin-top:15px}.topListItem{margin-right:9px;font-size:13px;padding-bottom:8px}}