body {
    font-family: sans-serif;
    /* background-image: url("/src/images/space_background.png"); */
    padding:0;
    margin:0;
  }

  :root {
    /* --primary-01: #154279; */
    --primary-01: white;
    --primary-02: #49c8eb;
    --primary-03: #8d6db0;
    --primary-light: #020918;
    --secoundary-01:#154279;
    --secoundary-02: #818286;
  }

  .header-container {
    /* background-color: var(--primary-01); */
    border-bottom: 2px solid var(--secoundary-01);
    display: flex;
    padding: 0.5rem;
    height:5rem;
    /* position: sticky;
    top: 0; */
    
  }
  .header-logo {
    margin-right: auto;
    width: 6rem;
    height: 6rem;
  }
  .header-images{
    display:flex;
    align-items: center;
  }
  .logo-text{
    margin-right: auto;
    width: 10rem;
    height: 4rem;
    margin-top:1rem;
  }
  
  .header-right-icons-container {
    color: var(--secoundary-01);
    display: flex;
    font-size: 1.5rem;
    gap: 1.5rem;
    align-items: center;
    margin-left: auto;
    margin-right: 0.5rem;
  }
  
  .header-right-icon,.play-btn {
    padding: 0.5rem;
    box-shadow: 2px 2px 5px var(--primary-light);
    border-radius: 0.4rem;
  }
  
  .header-icon-phone {
    font-size: 1.3rem;
  }
  
 .home-page-main-container{
   margin:2rem;
   display:flex;
   gap:2rem;
   font-size: larger;
 }
 .home-page-content{
   display:flex;
 }

.agenda-container{
  color: var(--secoundary-01);
}
.agenda-division{
  display:flex;
  flex-direction: column;
}
 .agenda-heading{
  font-size: 1.5rem;
  font-weight: 550;
  color: var(--secoundary-01);
  margin-top: 1rem;

 }
 .agenda-space-junk-and-img-container{
   display:flex;
   gap:1rem;
 }
 .agenda-space-junk{
   display:flex;
   flex-direction: column;
   gap:0.8rem;
 }
 .agenda-img{
   margin-left:auto;
 }
  .footer-container{
    background-color: var(--secoundary-01);
    display:flex;
    flex-direction: column;
    align-items:flex-start;
    padding:1rem;
    gap:2rem;
   color:var(--primary-01);
}


.footer-image{
    align-self: center;
    width:10rem;
    height: 10rem;
}
.footer-contact-container,
.footer-projects-container{
    width:100%;
    display:flex;
    text-align: left;
    flex-direction: column;
     gap:1rem;
     /* background-color: ; */
}
.footer-subheading,
.footer-terms-subheading{
    color:var(--primary-01);
    font-size: 1.5rem;
    font-weight: 550;
    width:100%;
    border-bottom: 1px solid var(--primary-01);
    text-align: left;
    padding:0.8rem 0.2rem;
}

.footer-terms-subheading{
    border:none;
}

.footer-contact-content,
.footer-projects-content{
    width:100%;
    display:flex;
    flex-direction: column;
    gap:0.8rem;
    padding:1rem 0.5rem;
 
}
.footer-subheading2{
    font-size: large;
    font-weight: 550;
}
.footer-contact{
    font-size: large;
    font-weight: bold;
}
.footer-copyright{
    display:flex;
    flex-direction: column;
    text-align: left;
    gap:0.5rem;
    width:100%;
}
.link{
  text-decoration: none;
  color:white;
}
.header-link{
  color:var(--secoundary-01);
}
.play-btn{
  background-color:var(--secoundary-01);
  color:white; 
  border: 1px solid var(--secoundary-01);
  width:fit-content;
  padding:1rem;
  font-weight: bolder;
  font-size: 1rem;
  text-decoration: none;
  
}

@media only screen and (min-width: 650px) {
    .footer-container{
        flex-direction: row;
        gap:1.5rem;
    }

    .footer-image{
    
        height: 13rem;
        width:13rem;
    }
    .footer-contact-content,
    .footer-projects-content,
    .footer-copyright{
        width:80%;
    }
    .footer-subheading{
        width:70%;
    }
}