@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Noto+Sans&display=swap');

body {
  position: relative;
  background-image: url('../../../Assets/Background1.jpg');
  background-position: center center fixed;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  width: 100%;
  height: 100vh;
}

nav {
  background-color: yellow;
}

#navbar1 {
  background-color: lightgreen;
  position: fixed;
  width: 100%;
}

#navbar2 {
  background-color: yellow;
  position: relative;
  top: 150px;
  width: 100%;
}

#navbar3 {
  background-color: skyblue;
  position: absolute;
  bottom: 150px;
  width: 100%;
}

ul {
  /* background-color: lavender; */
  list-style-type: none;
}

li {
  display: inline;
  padding: 10px;
}

a{
  text-align: center;
  text-decoration: none;
  color: #fff;
  /* color: #7EF286;
  font-family: Noto;
  font-size: 22px;
  font-weight: bold; */
}

.fa-brands{
  color: #fff;
}

a.links:hover{
  background-color: hotpink;
  color: #fff;
  text-decoration: none;
  padding: 10px;
}

/* h1{
    font-family: Dancing Script;
    text-align: center;
    color: #F9849F;
    font-size: 48pt;
}

p{
  color: #80A685;
  font-family: Noto;
} */

/* ul li{
    font-family: Noto;
    display: inline;
    list-style-type: none;
    text-align: center;
    color: #83FF8D;
    margin-top: 100px;
    background-color: #fff;
} */

/* .links{
  text-align: center;
}

#links{
  text-align: center;
  font-family: Noto;
  font-size: 24pt;
  color: #B5B5B5;
} */

/* #nav-list{
  background-position: center;
  display: inline;
  text-align: center;
  font-family: Noto;
  color: #80A685;
} */

/* .social{
justify-content: center;
text-decoration: none;
text-align: center;
} */

a.social:hover{
  background-color: #fff;
  padding: 10px;
}

.fa-brands:hover{
  background-color: hotpink;
  padding: 10px;
}