body { background: rgb(28, 41, 233); } * { box-sizing: border-box; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 16px; color: #071129; } html, body { margin: 0; padding: 0; } body { background: linear-gradient( to top, rgba(11, 26, 51, 0.558), rgba(146, 17, 39, 0.8), rgb(106, 22, 44), rgb(7, 15, 38) rgb(24, 71, 107), rgb(179, 19, 54), rgb(196, 103, 22) 3 ), rgba(65, 144, 26, 0.8), rgba(225, 221, 217, 0); color: #e68b90; padding: 10px; } a { text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } .wall_cover { width: 100%; max-width: 960px; background: LightGray; color: #fff; margin: 25px auto; } .wall_header { display: flex; justify-content: space-between; height: 100px; padding: 0 15px; border-bottom: 3px solid rgb(190, 29, 230); } .wall_logo-box { position: relative; top: 0; left: 45px; min-width: 160px; height: 60px; padding: 0 20px; background: linear-gradient( to top, rgba(196, 81, 93, 0), rgb(229, 10, 253), rgb(96, 188, 228), rgb(47, 248, 191), rgb(194, 98, 104), rgb(90, 216, 11), rgb(101, 0, 173), rgb(202, 36, 239), rgba(165, 14, 44, 0) ); display: flex; justify-content: center; align-items: center; cursor: pointer; } .wall_nav-button:hover { color: RosyBrown !important; box-shadow: none; transition: 0.5s; border: 1px solid #6e36ea !important; background: RosyBrown !important; } .wall_logo-text { color: #fff; font-size: 22px; text-transform: uppercase; font-weight: bold; } .wall_navigation-bar { position: relative; top: 0; right: 15px; } .wall_nav-button { display: inline-block; margin-top: 10px; background: linear-gradient( to top, rgba(61, 11, 16, 0), rgba(194, 89, 115, 0.8), rgb(181, 87, 108), rgb(208, 114, 120), rgb(194, 98, 104), rgb(205, 108, 126), rgb(198, 99, 99), rgba(201, 76, 85, 0.8), rgba(165, 14, 44, 0) ); color: #fff; padding: 10px; color: #fff; cursor: pointer; font-size: 16px; line-height: 1; min-width: 80px; padding: 12px 20px; text-align: center; text-transform: uppercase; text-decoration: none; } .wall_nav-button:hover { color: #6e36ea !important; box-shadow: none; transition: 0.5s; border: 1px solid #ff49bf !important; background: #f3f3f3 !important; } .wall_navigation-bar a:first-child { margin-right: 20px; } @media (max-width: 650px) { .wall_header { flex-direction: column; height: 115px; } .wall_logo-box { left: 0; } .wall_navigation-bar { right: 0; display: flex; justify-content: space-around; } .wall_nav-button { margin: 15px 0; } } .wall_content-space { padding: 30px; background: rgb(166, 217, 24); display: block; color: #fff; margin: 0 auto; color: #fff; padding: 10px 30px; } .wall_content-space h1, .wall_content-space h2 { font-size: 26px; color: black; margin: 10px 0 25px; text-align: center; } .wall_content-space h2 { font-size: 36px; } .wall_content-space ul { padding-left: 30px; list-style: disc; } .wall_content-space li { font-size: 16px; margin-bottom: 12px; } .wall_content-space p { color: #071129; line-height: 1.6; margin-bottom: 15px; } .wall_content-space table { max-width: 900px; display: inline-flex; background: rgb(140, 192, 225); margin: 0 auto; border-radius: 40px; border: 1px; } .table { max-width: 900px; display: inline-flex; background: rgb(146, 191, 255); margin: 0 auto; border-radius: 40px; border: 1px; } .wall_content-space table td, th { text-align: center; padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } /* .pin-up-uz_content-space table th { padding: 10px 0; } */ .wall_footer { background: #000; padding: 15px 0; color: #fff; } .wall_footer span { color: #fff; } .wall_copyright { text-align: center; } .wall_copyright a { color: #fff; font-size: 20px; text-transform: uppercase; } img { max-width: 100%; max-height: 100%; } .table-container { overflow-x: auto; }