body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: gold;
}

main{
  flex: 1;
}

 header {
  display: flex;
  justify-content:right;
  background: #4B0082; /* your purple */
  color: white;
  width:100%;
  position: relative;
  box-sizing: border-box;
  padding: 10px 20px;
  border-bottom: #1b1b1b 3px solid;
  overflow: auto;
}
.nav-links{
  display: flex;
  flex-direction: column;
}
nav a:hover{
  color:gold;
}
img{
    width:20px;
    height: 2px;
}

.container {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
    h1 {
      
      display: inline;
      margin: auto;
      text-align:left;
    }
    nav ul {
  list-style: none;
  display: flex;
  gap: 8px;

}


nav ul li a{
    color: white;
    text-decoration:none;
}
    section {
      overflow: hidden;
      padding: 20px;
      border-bottom: #ccc 1px solid;
      scroll-margin-top:100%;
    }
     footer {
      background: black;
      color: white;
      text-align: center;
      position: relative;
      bottom: 0;
      width: 100%;
      font-size:25px;
    }
    
    h2{
        text-align: left;
        color: purple;
    }
    sub{
        font-size: 12px ;
    }
   .cta {
  background-color: #FFD700;
  color: black;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}
.cta:hover {
  background-color: #e6c200;
}
    #img{
        width:100%;
    }
    marquee{
        color:purple;
        font-size:50px;
    }
#fb,#you,#gm,#wh{
    width: 40px;
}