*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}
body{
  background-color: black;
}
#container{
  margin: 5rem auto;
  width: 384px;
  height: 590px;
  background-color:hsl(0, 0%, 12%) ;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 8px;

}
.profile-image img{
  width: 88px;
  height: 88px;
  border-radius: 50%;
  margin-top: 2rem;
}
.profile-description{
  text-align: center;
}
.profile-description h1{
  color: white;
  font-size: 24px;
  font-weight: bold;
  margin-top: 1.5rem;
}
.profile-description h4{
  color: hsl(75, 94%, 57%);
  font-size: 14px;
  margin-top: .5rem;
}
.profile-description p{
  color: white;
  font-size: 14px;
  margin-top: 1.1rem;
}
.links-container{
  margin-top: 1.5rem;
}
.links-menu li{
  list-style-type: none;
  width: 304px;
  height: 45px;
  text-align: center;
  margin: 1rem auto ;
}
.links-menu li a{
  background-color: #333333;
  text-decoration: none;
  color: white;
  width: 304px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 700;
  transition: all .2s ease-in;
}
.links-menu li a:hover{
background-color:hsl(75, 94%, 57%) ;
color: #141414;
cursor: pointer;
}
/*
*{
  font-family: inter, sans-serif;
}
body{
  background-color: black;
}
#links-container{
  background-color:hsl(0, 0%, 12%) ;
  width: 270px;
  height: 370px;
  margin: 60px auto;
  border-radius: 10px;
}
#links-container:hover{
  cursor: pointer;
}
.avatar img{
  border-radius: 50%;
  width: 60px; ;
  height: 60px;
  margin-top: 1rem;
}
h4{
  color: hsl(0, 0%, 100%);
  font-family: inter;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
}
.location{
  color: hsl(75, 94%, 57%);
  font-family: inter;
  font-size: 12px;
  text-align: center;
  margin-top: 2px;
}
.job-specification{
  color: white;
  font-family: inter;
  text-align: center;
  font-size: 12px;
}
.github-button{
  background-color: hsl(0, 0%, 20%);
  display: block;
  border: none;
  width: 200px;
  height: 26px;
  border-radius: 5px;
  margin: auto;
  color: white;
  margin-top: 10px;
  font-family: inter;
  font-size: 11px;
  font-weight: 500;
}
.github-button:hover{
  cursor: pointer;
  background-color: hsl(75, 94%, 57%);
  color: hsl(0, 0%, 12%);
  font-weight: bold;
}
.github-button:active{
  background-color: hsl(75, 94%, 57%);
  color: hsl(0, 0%, 12%);
  cursor: pointer;
}
.frontend-button{
  background-color: hsl(0, 0%, 20%);
  display: block;
  border: none;
  width: 200px;
  height: 26px;
  border-radius: 5px;
  margin: auto;
  color: white;
  margin-top: 10px;
  font-family: inter;
  font-size: 11px;
  font-weight: 500;
}
.linkedin-button{
  background-color: hsl(0, 0%, 20%);
  display: block;
  border: none;
  width: 200px;
  height: 26px;
  border-radius: 5px;
  margin: auto;
  color: white;
  margin-top: 10px;
  font-family: inter;
  font-size: 11px;
  font-weight: 500;
}
.twitter-button{
  background-color: hsl(0, 0%, 20%);
  display: block;
  border: none;
  width: 200px;
  height: 26px;
  border-radius: 5px;
  margin: auto;
  color: white;
  margin-top: 10px;
  font-family: inter;
  font-size: 11px;
  font-weight: 500;
}
.instagram-button{
  background-color: hsl(0, 0%, 20%);
  display: block;
  border: none;
  width: 200px;
  height: 26px;
  border-radius: 5px;
  margin: auto;
  color: white;
  margin-top: 10px;
  font-family: inter;
  font-size: 11px;
  font-weight: 500;
}
*/