/* CSS Reset */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
}

/* social media links */

#link{
  display: flex;
  position: absolute;
  top:auto;
  right: 40px;
  align-items: center;

}

#link img{
  height: 20px;
  width: 20px;
  margin: 0 8px;
}



#link a{
  text-decoration: none;
  color: aliceblue;
}

/* navbar  css*/
.menu{
  width: 100%;
  float: left;
  list-style: none;
  background-color: rgb(17, 16, 16);
  padding: 20px;
  position: fixed;
  z-index: 1;
  display: flex;

}
.menu ul{
  margin-bottom: 0;
}
.menu ul li{
  display: inline-block;
}
.menu ul li a{
  color: #fff;
  text-decoration: none;
  padding: 5px 20px;
  font-family: 'poppins' ,sans-serif;
  font-size: 17px;
}
.menu ul li a:hover{
  text-decoration: underline;
}


/* Footer css*/
footer {
  background-color: #0b0b0b;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 17px;
    width: 100%;
    
  }
  
.container{
    max-width: 1410px;
    margin: 0 auto;
  }
p{
    margin:10px;
}