*{margin:0;padding:0;box-sizing:border-box;}h3{font-size:18px;font-weight:500;color:#33363b;}p{font-size:14px;color:#868d9b;}.card{width:360px;height:auto;background-color:#ffffff;margin:0 auto;margin-top:80px;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15);}.card_profile_img{width:120px;height:120px;background-color:#868d9b;background-repeat:no-repeat;background-size:cover;position:center;border:2px solid #ffffff;border-radius:120px;margin:0 auto;margin-top:-60px;}.card_background_img{width:100%;height:180px;background-color:#e1e7ed;background:url("https://source.unsplash.com/9wg5jCEPBsw");background-repeat:no-repeat;background-size:cover;background-position:center;}.user_details p{margin-bottom:20px;margin-top:-5px;}.user_details h3{margin-top:10px;}.card_count{padding:30px;border-top:1px solid #dde1e7;}.count{display:flex;align-items:center;justify-content:space-between ;margin-bottom:28px;}.count p{margin-top:-10px;}.btn{padding:16px;width:100%;border:none;outline:none;border-radius:4px;background-color:#24c5a1;color:#ffffff;cursor:pointer;text-align:center;font-size:14px;font-weight:600;text-transform:uppercase;}@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif;}.main{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(images/back.jpg);background-position:center;background-size:cover;}.profile-card{display:flex;flex-direction:column;align-items:center;max-width:400px;width:100%;border-radius:25px;padding:30px;border:1px solid #ffffff40;box-shadow:0 5px 20px rgba(0,0,0,0.4);}.image{position:relative;height:150px;width:150px;}.data{display:flex;flex-direction:column;align-items:center;margin-top:15px;}.data h2{font-size:33px;font-weight:600;}span{font-size:18px;}.row{display:flex;align-items:center;margin-top:30px;}.row .info{text-align:center;padding:0 20px;}.buttons{display:flex;align-items:center;margin-top:30px;}.buttons .btn{color:#fff;text-decoration:none;margin:0 30px;padding:8px 25px;border-radius:35px;font-size:18px;white-space:nowrap;background:linear-gradient(to left, #33ccff 0%, #ff99cc 100%);}.buttons .btn:hover{box-shadow:inset 10 20px 20px rgba(0,0,0,0.4);}.test{width:200px;display:inline-block;overflow:auto;white-space:nowrap;margin:0px auto;border:1px red solid;}.good{background:#808080;border:8px solid #ff0000;padding:8px;margin:8px;color:#ffffff;font-weight:bold;}.book{background:#8B0000;border:5px dotted #ff0000;padding:5px;margin:7px;color:#ffffff;font-weight:bold;}.purple{background:#800080;border:7px solid #ff0000;padding:7px;margin:9px;color:#ffffff;font-weight:bold;}body{background:#dfdfdf;margin: auto;max-width:800px;box-shadow:0px 0px 3px;font-family:serif, arial;}a{color:#0088aa;text-decoration:none;}a:visited{color:#0088aa;}input[type=text], input[type=password]{border:1px solid #afafaf;padding:3px;}textarea{border:1px solid #afafaf;padding:3px;}input[type=submit]{background:#0088aa;border:none;padding:4px;}form{padding:4px;}img{max-width:90%;}.head{padding:1px;background:white;}.nav{}.cmenu{color:gray;background:#2a2a2a;padding:4px;}.cmenu a{color:white;}.menu{background:#0088aa;color:white;padding:4px;border-bottom:2px solid #afafaf;}.menu a{color:white;}.post{margin:4px;background:white;border:1px solid #afafaf;}.title{padding:3px;border-bottom:1px solid #dfdfdf;}.content{padding:3px;text-align:justify;}.content img{border:1px solid #afafaf;padding:2px;margin:2px;}.error{padding:3px;color:red;}.post-bottom{padding:3px;}.page{padding:2px;}.page a{background:white;border:1px solid #0088aa;padding:2px;padding-right:4px;padding-left:4px;}.page span{background:#0088aa;padding:3px;padding-right:5px;padding-left:5px;color:white;font-weight:bold;}.foot{background:#fafafa;padding:4px;border-top:3px solid #afafaf;}