/*This section is for nav bar*/
.nav-bar-container {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-color: aliceblue;
  font-size: medium;
  display: flex;
  padding: 10px;
  height: 75px;
  width: 100%;
}

nav {
display: flex;
align-items: center;
}

.logo{
  margin-left: 100px;
}
.nav-links {
display: flex;
position: absolute;
right: 0;
margin-right: 100px;
}

.nav-links ul {
display: flex;
list-style-type: none;
}

.nav-links ul li a {
padding-bottom: 2px;
position: relative;
text-decoration: none;
color: rgb(10, 10, 10);
transition: 0.1s;
font-size: large;
font-weight: bold;
margin: 0px 15px;
}

.nav-links ul li a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  height: 4px;
  width: 100%;
  left: 0;
  background-color: black;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
  transform: scaleX(0);
}
.nav-links ul li a:hover::after {
  transform: scaleX(1);
}


/* This Section is for the Footer*/
footer {
  align-items: center;
  justify-content: space-around;
  display: flex;
  margin-top: 70px;
  width: 100%;
  height: 250px;
  background-color: rgb(241, 234, 234);
}
.links {
  display: flex;
  justify-content: center;
  
}
footer .links ul {
  display: flex;

}
footer .links ul li{
  list-style: none;

}
footer .links ul li a {
  text-decoration: none;
  color: black;
  margin: 20px;
  font-size: large;
  transition: .2s;
}
footer .links ul li a:hover {
  text-decoration: underline;
}

.socials-links {
  display: flex;
  justify-content: center;
}
.socials-links a {
  margin: 0px 10px;
  font-size: 30px;
  color: black;
  transition: .3s;
}
.socials-links a:hover {
  transform: scale(1.1);
}
.socials-links a:hover .fa-facebook {
  color: blue;
}
.socials-links a:hover .fa-youtube {
  color: red;
}
.socials-links a:hover .fa-discord {
  color: blue;
}
.socials-links a:hover .fa-instagram {
  color: rgb(182, 95, 110);
}
.socials-links a:hover .fa-tiktok {
  color: black;
}
.socials-links a:hover .fa-twitter {
  color: blue;
}