body{margin:0;padding:0;background:#f1f1f1;font-family:arial;}.header{background:linear-gradient(#0066cc,#003366);padding:20px;display:flex;justify-content:space-between-;align-items:center;color:white;}.logo{font-size:40px;font-weight:bold;color:orange;text-shadow:2px 2px black;}.display-btn{background:white;padding:10px;color:#333;font-weight:bold;border:3px solid #888;}.top-menu{background:#003366;display:flex;justify-content:space-around;padding:15px;font-size:30px;}.top-menu a{color:white;text-decoration:none;}.welcome-box{background:linear-gradient(#0066cc,#003366);color:white;padding:18px;font-size:30px;font-weight:bold;margin:10px;border-radius:5px;}.shout-box{background:white;padding:20px;margin:10px;border-radius:10px;}.shout-box input{width:100%;padding:20px;border-radius:40px;border:1px solid #ccc;font-size:25px;}.user-card{background:white;margin:10px;padding:15px;border:1px solid #ccc;}.avatar{width:200px;height:200px;border:8px solid green;}.user-info{font-size:28px;margin-top:10px;line-height:1.6;}.msg-btn{padding:15px 30px;font-size:25px;margin-top:20px;background:white;border:3px solid #888;}.bottom-nav{position:fixed;bottom:0;width:100%;background:white;display:flex;justify-content:space-around;padding:15px 0;border-top:1px solid #ccc;}.bottom-nav a{text-decoration:none;color:black;font-size:25px;font-weight:bold;}