.repo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin-right: 120px;
    align-items: start;
}


.repo-details{
  margin-left:50px;
  display: flex;
  gap:140px;
}

.image{
  margin-top:-35px;
}

img{
  width:300px;
  height:300px;
  border-radius: 50%;
  object-fit: cover;
  outline: rgb(93, 92, 92) 2px solid;
}

.info{
  margin-top:30px;  
}

h2{
  color:rgb(123, 123, 123);
  font-weight: 400;
  margin-bottom:15px;
}

.follow-btn{
  padding:8px 30px;
  width:300px;
  background-color: rgb(93, 92, 92);
  border:none;
  border-radius: 5px;
  cursor: pointer;
  color:#fff;
  font-weight: 600;
  margin-bottom:15px;
}

.follow-btn:active{
  transform: scale(0.98);
}

.info>p{
  color:#fff;
  font-size:1.2rem;
  margin-bottom:15px;
}

.link-follower>a{
  text-decoration: none;
  color:#fff;
  font-size: 1.1rem;
}

.link-follower>a:hover,.link-follower>a:hover svg path{
  color: rgb(21, 196, 254);
  fill:rgb(21, 196, 254);
}

span>a>svg path{
  fill:#fff;
}

.dot{
  background-color:#fff;
  font-size: 3px;
  border-radius: 100%;
  vertical-align: middle;
}

.user-reach>li{
  list-style-type: none;
  display: flex;
  color:rgb(123, 123, 123);
  margin-top: 15px;
  gap:10px;
}

.user-reach>li>a{
  display: flex;
  text-decoration: none;
  color:rgb(123, 123, 123);
  gap:10px;
}

/* Repositries */

.user-repo-details{
  min-width:480px;
  min-height: 140px;
  border: 1px solid rgb(132, 130, 130);
  padding:18px 15px;
  border-radius: 8px;
  color:rgb(123, 123, 123);
  align-self: flex-start;
  display: flex;
  justify-content: space-between;
}

.repo-built>a{
  display: block;
  padding-top: 10px;
  text-decoration: none;
  color: rgb(21, 196, 254);
}

.repo-built>a:hover{
  text-decoration: underline;
}

.repo-built > p {
  max-width: 300px;
}

.details{
  display: flex;
  gap:30px;
  margin-top: 10px;
}

.details>span{
  display: flex;
}

.html{
  margin-right:30px;
}

.public{
  margin-top: 10px;
  border: 1px solid rgb(132, 130, 130);
  height: 30px;
  width:60px;
  border-radius: 20px;
  color: rgb(123, 123, 123);
}

.public p{
  text-align: center;
  padding:5px 8px;
}