.alert{padding:20px;background-color:#f44336;color:white;margin-bottom:15px;}.closebtn{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s;}.closebtn:hover{color:black;}body{background:#f7f7ff;margin-top:20px;}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid transparent;border-radius:.25rem;margin-bottom:1.5rem;box-shadow:0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);}.me-2{margin-right:.5rem!important;}body{background:#f7f7ff;margin-top:20px;}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid transparent;border-radius:.25rem;margin-bottom:1.5rem;box-shadow:0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);}.me-2{margin-right:.5rem!important;}body{margin-top:20px;color:#9b9ca1;}.bg-secondary-soft{background-color:rgba(208, 212, 217, 0.1) !important;}.rounded{border-radius:5px !important;}.py-5{padding-top:3rem !important;padding-bottom:3rem !important;}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important;}.file-upload .square{height:250px;width:250px;margin:auto;vertical-align:middle;border:1px solid #e5dfe4;background-color:#fff;border-radius:5px;}.text-secondary{--bs-text-opacity:1;color:rgba(208, 212, 217, 0.5) !important;}.btn-success-soft{color:#28a745;background-color:rgba(40, 167, 69, 0.1);}.btn-danger-soft{color:#dc3545;background-color:rgba(220, 53, 69, 0.1);}.form-control{display:block;width:100%;padding:0.5rem 1rem;font-size:0.9375rem;font-weight:400;line-height:1.6;color:#29292e;background-color:#fff;background-clip:padding-box;border:1px solid #e5dfe4;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}body{margin-top:20px;background:#eee;}.wdgt-profile{position:relative;}.wdgt-profile .profile img{width:100%;height:380px;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}.wdgt-profile .profile-social{position:absolute;left:20px;top:20px;}.wdgt-profile .profile-social a{border:2px solid #FFFFFF;border-radius:50%;color:#FFFFFF;display:inline-block;font-size:12px;height:28px;line-height:24px;margin:0 1px;text-align:center;width:28px;}.wdgt-profile .profile-tab{position:absolute;right:0;top:0;width:100px;list-style-type:none;padding:0;height:100%;background:rgba(0,0,0,.5);margin:0;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;}.wdgt-profile .profile-tab li{text-align:center;max-width:100%;}.wdgt-profile .profile-tab li a{padding:20px 0;display:block;text-decoration:none;color:#fff;}.wdgt-profile .profile-tab li a i{display:block;font-size:30px;margin-bottom:5px;}.wdgt-profile .profile-info{background:#424F63;position:relative;z-index:10;padding:20px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}.wdgt-profile .profile-info h5{margin:0;color:#fff;font-size:15px;}.wdgt-profile .profile-info span{font-size:11px;color:#fff;}Similar snipp}body{margin-top:20px;}.profile{width:100%;position:relative;background:#FFF;border:1px solid #D5D5D5;padding-bottom:5px;margin-bottom:20px;}.profile .image{display:block;position:relative;z-index:1;overflow:hidden;text-align:center;border:5px solid #FFF;}.profile .user{position:relative;padding:0px 5px 5px;}.profile .user .avatar{position:absolute;left:20px;top:-85px;z-index:2;}.profile .user h2{font-size:16px;line-height:20px;display:block;float:left;margin:4px 0px 0px 135px;font-weight:bold;}.profile .user .actions{float:right;}.profile .user .actions .btn{margin-bottom:0px;}.profile .info{float:left;margin-left:20px;}.img-profile{height:100px;width:100px;}.img-cover{width:800px;height:300px;}@media (max-width:768px){.btn-responsive{padding:2px 4px;font-size:80%;line-height:1;border-radius:3px;}}@media (min-width:769px) and (max-width:992px){.btn-responsive{padding:4px 9px;font-size:90%;line-height:1.2;}}body{HTML background code example ;}.hu{background:#EEE8AA;border:3px dotted #B7C9E2;padding:2px;margin:2px;color:##B7C9E2;font-weight:normal;}.yellow{background:#A9A9A9;border:3px solid #B7C9E2;padding:2px;margin:2px;color:#000000;font-weight:normal;}.red{background:#ff0000;border:3px solid #EEE8AA;padding:2px;margin:2px;color:#000000;font-weight:normal;}.dash{background:#A9A9A9;border:4px dashed #EEE8AA;padding:2px;margin:2px;color:#f0a0f0;font-weight:normal;}.shadhin{background:#f090f0;border:0px none #000000;padding:2px;margin:2px;color:#ff0000;font-weight:normal;}.mehedi{background:#EEE8AA;border:0px none #afafaf;padding:2px;margin:2px;color:#ff0000;font-weight:normal;}.T{background:#C0C0C0;border:2px solid #EEE8AA;padding:2px;margin:2px;color:#ff0000;font-weight:normal;}.TT{background:#C0C0C0;border:2px dashed #EEE8AA;padding:2px;margin:2px;color:#f07000;font-weight:normal;}.dot{background:#ff0000;border:3px dotted #ffff00;padding:2px;margin:2px;color:#A9A9A9;font-weight:normal;}body{margin:0;padding:0;background:#96fffe,#aafffe,#c5fffe,#e0ffff,#f4ffff;color:#B99900;font-family:hevetica black, Gotham;}body *{margin:0;padding:0;}a img,:link img,:visited img{border:none;}a{text-decoration:none;color:#222;}a:hover{text-decoration:none;}b{font-weight:bold;}.tCenter{text-align:center;}.logo{background:#000;text-align:center;padding:10px;}input[type=submit], button, input[type=button]{background:blue;color:white;font-weight:bold;padding:5px;margin:1px;border:2px solid blue;}hr{background-color:#efefef;border:medium none;height:1px;margin:2px 0;padding:0;}h1, h2, h3{background:#FD7920;color:#fff;border:1px solid #d50;font-size:110%;font-weight:normal;padding:5px;margin:0;text-shadow:1px 1px 3px #555;}h2 a{color:#ffffff;}h3{text-align:left;}h2 a{color:#ffffff;}.clr{clear:both;}.absmiddle{vertical-align:middle;border:none;border-radius:10px;}.ct{margin-right:3px;vertical-align:middle;padding:1px;border:1px solid #999;}.odd, .even, .sl{vertical-align:middle;}.odd{background:#f5f5fa;}.even{background:#000000;margin:auto;}.description{background:#f5f5f5;color:#222;padding:2px;text-align:center;}.description a{text-decoration:underline;}.filedescription{background:#B7C9E2;padding:5px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}.fl{}.fl td{padding:7px 2px;border-bottom:1px solid #ccc;}.fl a{vertical-align:middle;}.fl img{border:1px solid #bbb;padding:1px;}.fl div{display:table-cell;}.tblimg{width:65px;text-align:center;}.catRow div{display:table-cell;}.catRow div img{padding-right:5px;}.link1{color:#0E71C6;}.button{color:#086C8F;font-weight:bold;}.red{color:red;}.info{color:#000000;background:#fff;text-align:center;padding:2px;}p{padding:2px 0;}table{width:100%;margin:auto;}.devider{height:5px;}.dtype{border-bottom:1px solid #ccc;font-size:small;padding:5px;text-align:center;}.dtype span{border:1px solid #d50;padding:3px;border-radius:5px;background:#d50;color:#f5f5f5;}.dtype a{border:1px solid #ccc;padding:3px;border-radius:5px;background:#f5f5f5;}.fileName{font-weight:bold;}.fileName span{color:#555;text-decoration:none;}.fileName img{padding-right:3px;}.downLink{margin:5px 0;}.dwnLink{font-weight:bold;}.dwnLink1, .dwnLink2, .dwnLink3,.dwnLink4{font-weight:bold;border-radius:10px;box-shadow:1px 1px 0 #555;color:#fff;display:inline-block;margin:2px;padding:5px;text-shadow:1px 1px 0 #000;width:160px;}.dwnLink1{background:#ff6533;}.dwnLink2{background:#f43d00;}.dwnLink3{background:#f90;}.dwnLink4{background:#992600;}.pgn{background:#EDECEA;border:1px solid #D7CCC5;padding:5px;text-align:center;padding:5px 0;}.pgn a,.pgn span{border:1px solid blue;padding:2px 5px;margin:0 2px;background:white;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;font-weight:bold;}.pgn a:hover, .pgn span{background:blue;border-color:white;}.pgn div{padding-top:5px;}img{vertical-align:middle;}.showimage{padding:5px;text-align:center;}a.top{color:#FF7F00;text-decoration:none;}.updates div{border-bottom:1px solid #ddd;padding:10px;}.catRow,.catRowHome{border-top:1px solid #ddd;font-weight:bold;}.catRow:hover,.catRowHome:hover{background:#eee;}.catRow a,.catRowHome a{display:block;font-weight:bold;background:url(images/arrow.png) right center no-repeat;padding:9px;}.catRow a div span,.catRowHomea div span,{font-size:x-small;color:#5a5;font-weight:normal;}.fl{border-bottom:1px solid #ddd;background:#fff;}.fl:hover{background:#eee;}.fl span{color:#CD3508;font-weight:normal;}.fl span.ar{color:#00a;font-style:italic;}.fl a{display:block;padding:8px;}.fl a img{border:1px solid #ddd;border-radius:3px;padding:0;margin-right:5px;}.fl a div div{vertical-align:middle;display:table-cell;}.fl a div{}.path{padding:2px;margin:5px 0;font-weight:bold;}.path a{color:#CD3508;}.error{background:#FFEFEF;border:1px solid #f00;margin:5px;padding:5px;font-weight:bold;text-align:center;color:#f00;}.fshow{padding:3px;text-align:center;background:#fff;border-bottom:1px solid #ddd;}.thumbimg{vertical-align:middle;border:none;border-radius:10px;}.db{font-size:small;text-align:center;padding:5px;}.ad1{background:#EDECEA;border:1px solid #D7CCC5;padding:8px;text-align:center;}.fhd{background:#F4F4F4;color:#555;border-bottom:1px solid #ccc;border-radius:5px;font-weight:bold;margin:7px 0 0 0;padding:0 5px;display:inline-block;}.fb{font-weight:bold;}.lipon{background:#FD7920;color:#fff;padding:5px;text-align:center;font-weight:bold;text-shadow:1px 1px 3px #555;}.lipon a{color:#fff;}#online{text-align:center;}.A1{background-color:rgb(221, 231, 241);border:1px solid rgb(170, 187, 204);}.A2{background:-webkit-linear-gradient(top, #fcfeee 0%,#eeeeee 100%);border-bottom:1px solid#989898;padding:5px;font-weight:normal;}.gmenu a{color :#75bf00;border-bottom :1px dotted #223200;}.gmenu a:hover{color :#96f400;border-bottom :1px;dotted #395400}.gmenu{border:solid 1px #90ABCD;text-shadow :black 2px 2px 3px;background-color:#F8CC08;margin:0px;padding:0px;color:white;font-size:10px;font-weight:bold;text-shadow:white(255, 255, 255, 0.6)0 1px 0;border:0pxsolid blue;}input[type=txt]{background:#f6f6f6;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid #4B3D8B;box-sizing:border-box;}input[type=text], select{background:#8080F8;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid blue;box-sizing:border-box;width:99%;}input[type=submit]:hover{background:#483D8B;}textarea{background:#f6f6f6;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid #483D8B;box-sizing:border-box;width:100%;height:30px;}.search{background:url(/image/background/sky/5.jpg);}input[type=lipon5], input[type=password], input[type=file], select{background:#D0D4D0;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid blue;box-sizing:border-box;width:99%;}lipon5area{background:#f6f6f6;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid #483D8B;box-sizing:border-box;width:100%;height:30px;}.n2{background:;color:#881C94;border:0px;}.lipon6{background:;color:blue;border:0px;}.lipon6 a{color:#fff;}input[type=liponabc]{background:#8080F8;color:#483D8B;font-weight:bold;padding:5px;margin:1px;border:1px solid blue;box-sizing:border-box;width:67%;}