User:Vanderwaalforces/The African Curation Lab.css

 /* General Styles */
 body{
 font-family:'Georgia',serif;
 margin:0;
 padding:0;
 color:#333;
 }

 /* Sticky Navigation Bar */
 .sticky-nav{
 position:sticky;
 top:0;
 background-color:#ff7f00;
 color:white;
 text-align:center;
 padding:10px;
 font-size:1.2em;
 z-index:9999;
 }

 .sticky-nava{
 color:white;
 padding:015px;
 text-decoration:none;
 }

 .sticky-nava:hover{
 text-decoration:underline;
 }

 /* Hero Parallax Section */
 .hero-parallax{
 background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/African_elephant_%28Loxodonta_africana%29_3.jpg/1920px-African_elephant_%28Loxodonta_africana%29_3.jpg');
 height:100vh;
 background-attachment:fixed;
 background-position:center;
 background-size:cover;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
 color:white;
 }

 .hero-contenth1{
 font-size:4em;
 margin:0;
 animation:fadeInDown5sease;
 }

 .hero-contentp{
 font-size:1.5em;
 margin:10px0;
 }

 .scroll-button{
 background-color:#ff7f00;
 padding:10px20px;
 border-radius:25px;
 color:white;
 cursor:pointer;
 transition:background-color0.3sease;
 }

 .scroll-button:hover{
 background-color:#cc5e00;
 }

 /* Content Section */
 .content-section{
 padding:100px10%;
 background-color:#f7f7f7;
 }

 h2{
 font-size:2.5em;
 text-align:center;
 margin-bottom:30px;
 }

 .content-box{
 text-align:center;
 font-size:1.2em;
 line-height:1.8;
 max-width:800px;
 margin:0auto;
 color:black;
 }

 /* Objectives Section with Icons */
 .objectives-section{
 background-color:#f4f4f4;
 padding:80px10%;
 }

 .objectives-grid{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:40px;
 justify-content:center;
 align-items:center;
 text-align:center;
 }

 .objective-item{
 background-color:white;
 padding:30px;
 border-radius:10px;
 box-shadow:04px10pxrgba(0,0,0,0.1);
 transition:transform0.3sease;
 }

 .objective-item:hover{
 transform:translateY(-10px);
 }

 .icon{
 height:80px;
 width:80px;
 margin-bottom:20px;
 background-size:cover;
 }

 .objective-skill{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Skill_Share_%2814291%29_-_The_Noun_Project.svg/500px-Skill_Share_%2814291%29_-_The_Noun_Project.svg.png');}
 .objective-accuracy{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Icon-Merken.svg/500px-Icon-Merken.svg.png');}
 .objective-curation{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Button_DINA_Schwerpunkte_Parldigi_05_Open_Content.svg/500px-Button_DINA_Schwerpunkte_Parldigi_05_Open_Content.svg.png');}
 .objective-leadership{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Education_%2825972%29_-_The_Noun_Project.svg/500px-Education_%2825972%29_-_The_Noun_Project.svg.png');}

 /* Initiatives Section with Background */
 .initiatives-bg{
 background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Handshake_icon_GREEN-BLUE.svg/1920px-Handshake_icon_GREEN-BLUE.svg.png');
 background-size:cover;
 background-position:center;
 color:white;
 padding:100px10%;
 }

 .initiatives-bgh2{
 color:black;
 text-shadow:02px5pxrgba(0,0,0,0.6);
 font-weight:bolder;
 }

 /* Gallery Section */
 .gallery-section{
 padding:100px10%;
 background-color:#fafafa;
 }

 .gallery-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
 }

 .gallery-item{
 background-size:cover;
 background-position:center;
 height:200px;
 border-radius:10px;
 box-shadow:04px10pxrgba(0,0,0,0.1);
 }

 .gallery-1{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Wiki_puzzle.svg/600px-Wiki_puzzle.svg.png');}
 .gallery-2{background-image:url('https://upload.wikimedia.org/wikipedia/commons/c/c1/Award_icon.png');}
 .gallery-3{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Featured_article_collaboration.svg/600px-Featured_article_collaboration.svg.png');}

 /* Contact Section */
 .contact-button{
 background-color:#ff7f00;
 color:white;
 padding:15px30px;
 border-radius:25px;
 font-size:1.2em;
 text-decoration:none;
 display:inline-block;
 }

 .contact-button:hover{
 background-color:#cc5e00;
 }

 /* Animations */
 @keyframesfadeInDown{
 from{
 opacity:0;
 transform:translateY(-50px);
 }
 to{
 opacity:1;
 transform:translateY(0);
 }
 }

 /* Responsive Design */
 @media(max-width:768px){
 .objectives-grid,.gallery-grid{
 grid-template-columns:1fr;
 }

 .hero-contenth1{
 font-size:2.5em;
 }
 }