@font-face {
    font-family: Merriweather;
    src: url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
}
  

body 
{
  background-color: #f3f3f3;
  font-family: 'Merriweather', serif;
  background-image: url("images/Big\ brain.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed
}

#MAINHEADER 
{
  color: rgb(248, 238, 238);
  background-color:#333;
  text-align: center;
  border-radius: 12px;
  padding: 35px;
}
.Backcenter
{
  text-align: center;
}
h5
 {
  text-align: center;
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  display: inline-block;
}

.container {
  width: 80%;
  max-width: 2000px;
  margin: 70px auto;
  padding: 30px;
}

.navibar ul
 {
  list-style: none;
  padding: 0;
  display: flex;
  background-color:#333;
  justify-content: left;
  margin-bottom: 30px;
  padding: 25px;
  border-radius: 15px;
}

.navibar li 
{
  margin: 10px 20px;
}

.navibar a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  position: relative;
  transition: color 0.3s ease;
}

.navibar a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 3px;
  background-color:#000000;
  transition: transform 0.3s ease;
  border-radius: 3px;
}

.navibar a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.FristMe
{
  font-size: 17px;
  line-height: 1.7;
  color: #050505;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
}
.about-me-block {
  font-size: 17px;
  line-height: 1.7;
  color: #050505;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
}
#skills {
  text-align: center;
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
  margin: 0 auto;
}
.skills-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
  gap: 15px;
}

.skill {
  background-color: #333;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
}