html{height: 100%;}

 
 body {background-color: rgb(47, 47, 83); background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; display: flex; flex-direction: column;}
header {height: 118px; text-align: center;}
nav {background-color: rgb(246, 238, 155); height: 40px; text-align: center; padding-top: 20px;}
main {height: 400px;text-align: center; padding-top: 50px; padding-left: 240px; padding-right: 240px; padding-bottom: 50px;}
footer {background-color: rgb(246, 238, 155); height: 50px; text-align: center; padding-top: 30px; font-size: 15px; position: relative;}
.container {margin-left: auto; margin-right: auto; width: 1024px; min-height: 100%;}
.h1main {font-size: 50px; color: white; font-family: 'Courier New', Courier, monospace;}
p {font-size: 18px; font-family: 'Courier New', Courier, monospace; color: white}
footer a {color: rgb(47, 47, 83); font-family: 'Courier New', Courier, monospace; position:absolute; bottom: 8px; right: 35px; left: 35px;}
nav a {color: rgb(47, 47, 83); text-decoration: none; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;padding-left: 45px; padding-right: 45px; font-weight: bold;}
 .big {font-size: 30px; font-family: 'Courier New', Courier, monospace; color: white; font-weight: bold;}
 main a {color: rgb(246, 238, 155); font-family: 'Courier New', Courier, monospace; position: absolute; top: 625px; right: 540px;}
 footer p {color: rgb(47, 47, 83); font-family: 'Courier New', Courier, monospace; font-size: 15px; position: absolute; top: 5px; right: 35px; left: 35px; font-weight: bold;}
 header p {color: rgb(246, 238, 155); font-family:Georgia, 'Times New Roman', Times, serif; font-size: 60px; font-weight: bold; padding-top: 20px;}
 .center {position:absolute; bottom: 35px; top: 280px; right: 80px; left: 380px; opacity: 0.3;}
 .about {position:absolute; right: 515px; top: 280px; color: white; font-size: 35px; font-family: Georgia, 'Times New Roman', Times, serif;}
.aboutp {position:absolute; right: 10px; top: 340px; color: white; font-size: 16.3px;}
.team {position:absolute; left: 520px; top: 930px;  color: white; font-size: 35px; font-family: Georgia, 'Times New Roman', Times, serif;}
.sydney {position:absolute; top: 1270px; right: 780px;} 
.saanvi {position:absolute; top: 1000px; right: 770px;}
.hiruni {position:absolute; top: 1000px; right: 300px;}
.adeena {position:absolute; top: 1300px; right: 300px;}
.Founder {position:absolute; top: 1160px; right: 805px; font-size: 15px; white-space: pre-line;font-family: Georgia, 'Times New Roman', Times, serif;}
.Cofounder {position:absolute; top: 1170px; right: 300px; font-size: 15px; white-space: pre-line;font-family: Georgia, 'Times New Roman', Times, serif;}
.Social {position:absolute; top: 1490px; right: 765px; font-size: 15px; white-space: pre-line;font-family: Georgia, 'Times New Roman', Times, serif;}
.Chapters {position:absolute; top: 1465px; right: 305px; font-size: 15px; white-space: pre-line;font-family: Georgia, 'Times New Roman', Times, serif;}
section {position:absolute; top: 550px; right: 650px;}
.position {position: absolute; top: 1550px; left: 525px;}
.application {position: absolute; top: 940px; left: 900px; white-space: pre-line;}
.advocacy {position: absolute; top: 380px; left: 30px; mix-blend-mode: darken;}
.service {position: absolute; top: 380px; left: 440px; mix-blend-mode: darken;}
.diplomacy {position: absolute; top: 380px; left: 970px; mix-blend-mode: darken;}
.advocacyp {position: absolute; top: 670px; left: 80px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 20px; font-weight: bold;}
.servicep {position: absolute; top: 670px; left: 570px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 20px; font-weight: bold;}
.diplomacyp {position: absolute; top: 670px; left: 1025px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 20px; font-weight: bold;}
.civics {position: absolute; top: 800px; left: 150px;}
.politics {position: absolute; top: 795px; right: 150px;}
.civicsp {position: absolute; top: 950px; left: 230px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 20px; font-weight: bold;}
.politicsp {position: absolute; top: 950px; right: 216px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 20px;font-weight: bold;}
.civicst {position: absolute; top: 1000px; left: 20px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 16px;font-weight: bold; white-space: pre-line;}
.politicst {position: absolute; top: 1000px; right: 50px; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(246, 238, 155); font-size: 16px;font-weight: bold; white-space: pre-line;}
.aboutfooter {background-color: rgb(246, 238, 155); height: 30px; text-align: center; padding-top: 30px; font-size: 15px; position: relative;}
.chps {position:absolute; right: 500px; top: 280px; color: white; font-size: 35px; font-family: Georgia, 'Times New Roman', Times, serif;}
.follow {position: absolute; top: 385px; left: 535px;}
.card {
flex: 0 0 5em;
height: 5em;
padding: 1em;
font-size: 3rem;
border-radius:.2em;
background-color: rgb(47, 47, 83);
text-align: center;
align-content: center;
}
.carousel::-webkit-scrollbar {
    display: none;
}
.carousel {
overflow-x: auto;
margin: 100px auto;
width: 90%;
border: 5px; color: rgb(47, 47, 83);
display: flex;
position:absolute; right: 65px; top: 370px;
}
.group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding-right: 1em;
animation: spin 15s  infinite linear;
}
@keyframes spin {
from {translate: 0;}
to {translate: -100%;}
}
.cardim {
flex: 0 0 5em;
height: 5em;
padding: 1em;
font-size: 3rem;
border-radius:.2em;
background-color: rgb(47, 47, 83);
text-align: center;
align-content: center;
}
.carouselim::-webkit-scrollbar {
    display: none;
}
.carouselim {
overflow-x: auto;
margin: 100px auto;
width: 90%;
border: 5px; color: rgb(47, 47, 83);
display: flex;
position:absolute; right: 65px; top: 270px;
}
.groupim {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    padding-right: 1em;
animation: spin 15s  infinite linear;
}