css
unknown
plain_text
2 years ago
1.9 kB
3
Indexable
/* CSS Reset */ *{ margin: 0; padding: 0; font-family: 'Rajdhani', sans-serif; font-weight: bold; } /* CSS Variables */ /* Navigation Bar and LOGO */ #navbar{ display: flex; /* border:2px solid red; */ position: relative; font-weight: bold; } #navbar ul{ display: flex; margin-left: -31px; } #navbar ul li{ list-style: none; /* border: 2px solid red; */ font-size: 1.3rem ; margin: 32px 0px; } #navbar ul li a{ color: white; /* border: 2px solid red; */ display: block; border-radius: 9px; padding: 7px 32px; margin: -14px 13px; text-decoration: none } /* #navbar ul li a:hover{ transition: all 0.5s 0s ease; width: 202px; } */ #navbar::before{ content: ""; background-color: black; position: absolute; height: 100%; width: 100%; z-index: -1; opacity: 0.4; } /* LOGO and IMG */ #logo{ margin: 2px 15px; /* border: 2px solid black; */ opacity: 0.8; } #logo img{ margin: 0px 0px; width: 75px; margin-left: 0px; } /* home section */ #home{ display: flex; flex-direction: column; padding: 10px 100px; justify-content: center; align-items: center; height: 300px; font-weight: bold; } #home::before{ content: ""; background:url("https://picfiles.alphacoders.com/415/415170.jpg") no-repeat center center/cover; position: absolute; height: 100%; width: 100%; z-index: -1; opacity: 0.6; } #home h1{ color: black; /* text-align: center; */ } #home p{ color: darkgreen; padding: 8px; font-size: 1.8rem; } /* Utility Class */ .h-primary{ font-size: 2.8rem; padding: 12px; /* border: 2px solid black; */ }
Editor is loading...