.main{width:100%;height:100vh;background:#dd64ff;display:flex;align-items:center;justify-content:center}.body1{width:350px;height:450px;background-color:#0ff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:6px 6px 4px #fff;border-radius:20px}.body1 h1{font-family:Verdana,Geneva,Tahoma,sans-serif}form{display:flex;align-items:center;flex-direction:column;margin:5px}form button{text-align:center;background:#030067;color:#fff;width:150px;height:30px;border:none;border-radius:15px;cursor:pointer}form div input{width:300px;height:30px;text-align:center;outline:none;border-radius:10px;border:1px solid black}nav .logo img{width:50px;height:50px}nav{background-color:#000;height:60px;border-radius:20px;margin:5px;display:flex;align-items:center;flex-direction:row;padding:5px;justify-content:space-between}nav .text p{color:#fff}.User{display:flex;background-color:#0000ac;padding:4px;align-items:center;border-radius:15px;cursor:pointer}.User img{width:50px;height:50px;border-radius:50%;margin-right:3px}.User p{font-family:Verdana,Geneva,Tahoma,sans-serif}.text p{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:40px}.post{width:70%;height:450px;margin:10px;background-color:#000;border-radius:15px}.search{width:30%;height:450px;margin:10px;background-color:#000;border-radius:15px}.body2{display:flex}.search{text-align:center}.search2{margin-top:14px}.search2 input{padding:7px;width:230px}.search2 button{background:red;color:#fff;padding:7px;border:none;outline:none;margin-left:1px;cursor:pointer}.search2 input{color:#000}.search2 h1{color:#fff}.post{display:flex;flex-direction:column;overflow-y:scroll}.post h1{text-align:center;font-size:20px}.post .hr{margin-left:10px;margin-right:10px;border:0;height:.09px;background:#ccc}.profilePost{display:flex;align-items:center;margin:15px}.profilePost img{width:40px;height:40px;border:1px;border-radius:50%;margin-right:10px}.profilePost input{border:none;outline:none;background:none;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;width:300px}.profileBottom{margin-bottom:15px;display:flex;align-items:center;margin-left:60px;justify-content:space-between;margin-right:30px}.profileBottom button{padding:9px;width:100px;border-radius:15px;border:none;color:#fff;background:#00f;font-size:14px;cursor:pointer}.profileBottom img{width:20px;height:20px}.Mydid{width:300px;overflow-x:scroll;margin-bottom:10px}.Mydid::-webkit-scrollbar{width:2px;height:3px}.Mydid::-webkit-scrollbar-thumb{background-color:red;border-radius:5px}.Mydid::-webkit-scrollbar-track{background-color:#000;border-radius:5px}.fetchPost p{color:#fff}.userValue{display:flex;align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px}.userValue img{width:40px;height:40px;border:1px;border-radius:50%;margin:10px}.postValue{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:6px}.postValue p{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:7px}.postValue img{width:350px;height:auto;border-radius:20px}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile img{margin:7px;width:200px;height:200px;border-radius:16px}.profile h1{font-family:Verdana,Geneva,Tahoma,sans-serif}.body1 label{background-color:#f0b;margin:5px;padding:3px;box-shadow:2px 2px 3px #000;border-radius:6px;cursor:pointer}.sum{width:300px;overflow-x:scroll;margin-bottom:10px;background:#6f0;padding:8px;border-radius:10px;box-shadow:5px 5px 10px #00000080}.sum::-webkit-scrollbar{width:2px;height:3px}.sum::-webkit-scrollbar-thumb{background-color:red;border-radius:5px}.sum::-webkit-scrollbar-track{background-color:#000;border-radius:5px}.bigclass{display:flex;align-items:center;justify-content:center}.textonly{width:50%;border:1px solid black;text-align:center;overflow-y:scroll;height:210px}.picsonly{width:50%;border:1px solid black;text-align:center}.bigclass button{padding:12px;background-color:#00f;outline:none;border:none;box-shadow:5px 5px 10px #00000080;border-radius:10px}.picsonly button{cursor:pointer}.textonly p{margin:6px}*{margin:0;padding:0;color:#000}body{background-color:#ff0}