@import"https://fonts.googleapis.com/css?family=Montserrat:700";*{margin:0%}.home{display:flex}.header{margin-top:60px}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#444}.headerTitleSm{position:absolute;top:18%;font-size:20px}.headerTitleLg{position:absolute;top:20%;font-size:100px}.headerImg{width:100%;height:450px;margin-top:80px;object-fit:cover}.sidebar{flex:3px;margin:25px;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:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;font-family:Varela Round,sans-serif;font-size:12px;color:#222;font-weight:600;line-height:20px;text-align:center}.sidebarItem>img{margin-top:15px;width:350px;height:auto}.sidebarItem>p{padding:30px}.sidebarList{list-style: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}.sidebarIcon{font-size:16px;margin-left:10px;cursor:pointer}.home{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}.posts-skeleton{width:70%;margin-right:2%}.post-skeleton{margin-bottom:20px;padding:20px;background-color:#fff;border:1px solid #ddd;box-shadow:0 0 10px #0000001a}.post-header-skeleton{margin-bottom:10px}.post-title-skeleton{display:inline-block;width:50%;height:20px;background-color:#ddd;border-radius:5px;margin-bottom:10px;vertical-align:middle}.post-author-skeleton{display:inline-block;width:30%;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}.post-content-skeleton{margin-bottom:10px}.post-text-skeleton{display:inline-block;width:80%;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}*{font-family:Josefin Sans,sans-serif}.login{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#ffffff80,#ffffff80),url(https://images.unsplash.com/photo-1486427944299-d1955d23e34d?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.loginTitle{font-size:50px;display:flex;flex-direction:column}.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:10px;padding:10px}.loginRegisterButton{position:absolute;background-color:teal;top:60px;right:20px;cursor:pointer;padding:10px;color:#fff;border-radius:10px}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#ffffff80,#ffffff80),url(https://images.unsplash.com/photo-1597528662465-55ece5734101?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.registerTitle{font-size:50px;display:flex;flex-direction:column}.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:#fff;border-radius:10px;padding:10px}.registerLoginButton{position:absolute;background-color:#f08080;top:60px;right:20px;cursor:pointer;padding:10px;color:#fff;border-radius:10px}.skeleton-post-header{margin-bottom:20px}.single{display:flex}.skeleton-wrapper{width:70%;margin-right:30px}.skeleton-post-title{font-size:24px;font-weight:600;margin-bottom:10px}.title-skeleton{display:inline-block;width:50%;height:20px;background-color:#ddd;border-radius:5px;margin-bottom:10px;vertical-align:middle}.skeleton-post-info{font-size:14px;color:#666}.skeleton-post-author{margin-right:10px}.author-skeleton{display:inline-block;width:50px;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}.skeleton-post-date{vertical-align:middle}.date-skeleton{display:inline-block;width:50px;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px}.skeleton-post-img{width:100%;height:400px;overflow:hidden;margin-bottom:20px}.skeleton-post-image{width:100%;height:100%;background-color:#ddd}.skeleton-post-text{font-size:16px;line-height:1.5}.skeleton-post-content{margin-bottom:10px}.content-skeleton{display:inline-block;width:50%;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}.skeleton-post-author-info{display:flex;align-items:center}.skeleton-post-author-img{width:40px;height:40px;border-radius:50%;background-color:#ddd;margin-right:10px}.skeleton-post-author-name{font-size:14px;font-weight:600}.author-name-skeleton{display:inline-block;width:60px;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}.skeleton-post-follow-text{font-size:14px;color:#4caf50;cursor:pointer}.follow-text-skeleton{display:inline-block;width:60px;height:15px;background-color:#ddd;border-radius:5px;margin-bottom:5px;vertical-align:middle}.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}.settingsDeleteTitle{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}.settingsForm>label{font-size:20px;margin-top:20px}.settingsForm>input{color:gray;margin-top:10px;margin-bottom:10px;height:30px;border:none;border-bottom:1px solid lightgray}.settingsSubmit{width:150px;align-self:center;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer}.hero{background-color:#404040;position:relative;height:100vh;overflow:hidden;font-family:Montserrat,sans-serif}.hero__title{color:#f2f2e4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;z-index:1}.cube{position:absolute;top:80vh;left:45vw;width:10px;height:10px;border:solid 1px #BFBFBF;transform-origin:top left;transform:scale(0) rotate(0) translate(-50%,-50%);animation:cube 12s ease-in forwards infinite}.cube:nth-child(2n){border-color:#8c8b8c}.cube:nth-child(2){animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){animation-delay:6s;left:90vw;top:10vh}.cube:nth-child(5){animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){animation-delay:10s;left:50vw;top:10vh}@keyframes cube{0%{transform:scale(0) rotate(0) translate(-50%,-50%);opacity:1}to{transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}.write{margin:0%;padding-top:50px}.writeImg{margin-left:150px;width:70vw;height:250px;border-radius:10px;object-fit:cover}.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:gray;cursor:pointer}.writeInput{font-size:30px;border:none;padding:20px;width:70vw}.writeInput:focus{outline:none}.writeText{font-size:20px;height:50vh}.writeSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:teal;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.container{margin-top:50px;width:100%;height:100%}.top{width:100%;height:50px;background-color:#f5f5f5;position:sticky;top:0;display:flex;align-items:center;font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-weight:auto;font-style:normal;z-index:999}.topCenter{flex:6}.topLeft,.topRight{flex:3;display:flex;align-items:center;justify-content:center}.topIcon{font-size:20px;margin-right:10px;color:#444;cursor:pointer}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.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}.topSearchIcon{font-size:19px;color:#666;cursor:pointer;margin-left:15px}*{margin:0}