* { margin: 0px; padding: 0px; } body { background-size: cover; background-position: center; background-attachment: fixed; padding: 0; margin: 0; } /* Header Start */ header { margin: 0; width: 100%; background-color: #fff; box-shadow: 0px 0px 5px 0px #999; position: fixed; height: 70px; z-index: 2000; } .Navbar-brand{ display: flex; align-items: center; justify-content: center; } .logo { float: center; padding-top: 5px; } nav { height: 100%; position: fixed; right: 0; width: 320px; margin-top: 10px; transform: translateX(320px); transition: transform 560ms ease-in-out; background-color: white; ol { margin: 0; padding: 0; border-top: 1px solid #eee; z-index: -1; li { list-style: none; color: #fff; text-transform: uppercase; font-weight: bold; padding: 20px; cursor: pointer; border-bottom: 1px solid #eee; transition: 0.25s; span { display: block; font-size: 14px; color: #353535; } a { color: #353535; text-transform: uppercase; font-weight: bold; color: #353535; cursor: pointer; text-decoration: none; } &:hover { background-color: #eee; } } } } input[type="checkbox"]:checked ~ nav { transform: translateX(0); } input[type="checkbox"] { box-sizing: border-box; display: none; transition: all 0.25s; } .menuIconToggle { box-sizing: border-box; cursor: pointer; position: fixed; z-index: 40; height: 100%; width: 100%; top: 2px; right: 15px; height: 22px; width: 22px; transition: all 0.3s; } .menuIconToggle i{ font-size: 22px; color: #1b1b1b; transition: all 0.3s; } h1 { margin: 0; font-size: 3em; text-align: center; } @media screen and (max-width: 640px) { nav { height: 100%; width: 100%; transform: translateX(100%); } } /* Header End */ /* Hero Section End */ /* Donation Content Start */ .donate-form{ border: 1px solid #ccc; border-radius: 5px; padding: 30px; margin-bottom: 3rem; background-color: #f2f2f2; } .Donation-Page{ padding-top: 60px; } .Donation-title{ text-align: center; background: #02132f; background: linear-gradient(to bottom, #00060f67 32%, #174f6f 46%, #0095cf 64%); background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 2rem; } .donation-content h5{ color: #6cc24a; font-weight: 700; } .BSTF-SLOGAN{ color: #7dec62; font-size: 1.5rem; font-weight: 700; font-family: "Charm", 'cursive'; font-style: normal; display: flex; justify-content: center; align-items: center; } .contribute-btn{ font-weight: bold; } .donation-content h6{ font-weight: 500; color: gray; } input[type="text"], input[type="email"]{ padding: 0.8rem; font-weight: bold; } .donation-submit-link { display: flex; justify-content: center; } .donation-submit-link a{ border: 5px solid #2c2c2c; padding: 1rem; border-radius: 1rem; text-decoration: none; background-color: #6cc24a; color: #000; font-weight: 700; font-size: large; box-shadow: -2px -4px -4px #2c2c2c; transition: all 0.5s ease-in-out; } .donation-submit-link a:hover{ box-shadow: 2px 4px 4px #2c2c2c; color: #2c2b2b; background-color: #80db5c; } .Tax-content{ text-transform: uppercase; font-weight: 700; } /* Donation Content End */ /* footer Start */ .contect-no{ font-size: 2rem; float: right; list-style: none; } .contect-no li{ list-style: none; } /* footer End */