*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{width:100%;height:100%}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.create-post-section{background-color:#f0f2f5;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.create-post-section form{background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.create-post-section input,.create-post-section textarea{border:1px solid #ccc;border-radius:4px;width:300px;margin:10px 0;padding:10px}.create-post-section button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:10px 20px}.feed-section{background-color:#f0f2f5;flex-direction:column;justify-content:start;align-items:center;gap:20px;width:100%;height:100%;padding:20px;display:flex}.post-card{background-color:#fff;border-radius:8px;width:400px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.post-card img{border-radius:8px;max-width:100%;margin-top:10px}.post-card h3{margin-bottom:10px}.heading{background-color:#feee91;border:1px solid #000;justify-content:center;align-items:center;width:100%;height:10vh;display:flex;position:fixed;box-shadow:0 2px 10px #000}.heading .back{color:#000;background-color:#fff;border:1.4px solid #000;border-radius:4px;justify-content:center;align-items:center;width:14vh;height:6.5vh;font-size:large;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.heading .back:hover{box-shadow:1px 1px 10px #000}a{text-decoration:none}.mainscreen{background-color:#8ce4ff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.mainscreen .firstbox{justify-content:center;align-items:center;width:50%;height:20vh;font-size:27px;display:flex}.mainscreen .secondbox{text-align:center;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:60%;height:25vh;padding:20px;display:flex}.mainscreen .thirdbox{background-color:#000;justify-content:center;align-items:center;width:50%;height:20vh;display:flex}.mainscreen .thirdbox .box{text-align:center;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.box .boxinner{background-color:#000;border:2px solid wheat;border-radius:5px;justify-content:center;align-items:center;width:50%;height:50%;transition:all .3s;display:flex}.clicktext{color:#fff}.boxinner:hover{border:2px solid #000}.box:hover{background-color:#fff;border:2px solid #000}.box:hover .boxinner{background-color:#000}.box:hover .boxinner .clicktext{color:#f5f5f5}