@import"https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.header{padding:.5em 1em;width:100%;height:5em;border-bottom:1px solid gray;display:flex;justify-content:space-between;align-items:center}.header h1{color:#ff4500;font-family:Kalam,cursive}.header ul{display:flex;width:40%;height:100%;justify-content:space-evenly;align-items:center;list-style:none;cursor:pointer;font-size:17px;font-family:roboto;font-weight:600}.header ul li{color:#000}.Logout{border:none;color:#fff;background:#d9534f;width:100px;height:30px;border-radius:5px;cursor:pointer}.Login{border:none;color:#fff;background:#0275d8;width:100px;height:30px;border-radius:5px;cursor:pointer}.loginform{margin:3em auto;width:30em;height:30em}.loginform form{height:100%;width:100%;border:1px solid gray;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;border-radius:5px}.loginform form input{padding:1em;width:80%;height:10%}.loginform form button{width:200px;height:50px;border:none;background-color:#0275d8;border-radius:5px;color:#fff;cursor:pointer}.loginform form h1{margin-bottom:60px;font-family:Roboto,sans-serif}.signupform{margin:3em auto;width:30em;height:30em}.signupform form{height:100%;width:100%;border:1px solid gray;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;border-radius:5px}.signupform form input{padding:1em;width:80%;height:10%}.signupform form button{width:200px;height:50px;border:none;background-color:#d9534f;border-radius:5px;color:#fff;cursor:pointer}.signupform form h1{margin-bottom:60px;font-family:Roboto,sans-serif}.addpost{margin:2em 0;padding:3em;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:4em}.addpost input{padding:1em;width:300px;height:35px}.addpost button{width:200px;height:35px;border:none;background-color:#ff4500;color:#fff;border-radius:5px;cursor:pointer}.welcome{height:100vh;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:2em}.welcome h1{font-size:roboto;font-size:4em}.welcome div{width:30%;display:flex;height:5em;justify-content:space-around;align-items:center}.welcome button{border:none;color:#fff;background:#0275d8;width:100px;height:30px;border-radius:5px;cursor:pointer}.home{width:100%;height:700px}.posts{margin-top:5em;width:100%;height:30em;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1em}.pc{width:100%;height:90%;overflow-y:scroll;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.postCard{width:300px;height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;border:1px solid gray;border-radius:5px}.postCard img{height:80%}.postCard h2{height:20%;color:#000}.allposts{width:100%;height:600px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.article{padding:1em;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.display{width:99%;height:550px;border:1px solid gray;border-radius:6px;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-y:scroll;gap:1em}.display img{height:400px}.display p{color:#000;font-size:16px;line-height:28px;font-weight:500}.buttons{width:100%;height:5em;display:flex;justify-content:center;align-items:center;gap:2em}.buttons button:nth-child(1){width:200px;height:60%;background-color:red;color:#fff;border:none;border-radius:15px;cursor:pointer}.buttons button:nth-child(2){width:200px;height:60%;background-color:#87cefa;color:#fff;border:none;border-radius:15px;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box}