/* SOCIAL MEDIA */

header{
  background-color: #1e3d59;
  /* background-image: url(/images/1755604271885.jpg); */
}

body{
  background-image: url(/images/1755604271885.jpg);
  background-position: center;
  background-size: 2000px;
  height: 100vh;
  background-repeat: no-repeat;
}
  /* Style for the social media section */
  .social-media {
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
    background-color:none ;
    border-radius: 10px;
    text-align: center;
  }
  
  /* Remove default list styling */
  .social-media ul {
    list-style: none;
    padding: 0;
  }
  
  /* Style each list item */
  .social-media li {
    margin: 15px 0;
  }
  
  /* Style the links */
  .social-media a {
    text-decoration: none;
    font-size: 20px;
    color: #0335ed;
    font-weight: bold;
    transition: color 0.3s ease;
    background-color: #aeb0b1;
  }

  .intro{
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #1e3d59;
  }

  footer{
    text-align: left;
    color: rgb(1, 2, 3);
    margin-top: 234px;
    /* background-color: #fdfdfd; */
  }
  
  /* Style the icons */
  .social-media a i {
    margin-right: 10px;
    font-size: 24px;
  }
  
  /* Hover effect */
  .social-media a:hover {
    color: rgb(8, 23, 235);
  }