* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   text-decoration: none;
}

ul {
   list-style: none;
}

body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
   min-height: 100vh;
   background: #f3904f; /* fallback for old browsers */
   background: -webkit-linear-gradient(
      to right,
      #3b4371,
      #f3904f
   ); /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(
      to right,
      #3b4371,
      #f3904f
   ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   font-family: 'Poppins', sans-serif;
}

.container{
   margin: 2rem;
   width: min(800px, 90%);
   display: flex;
   gap: 2rem;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

form{
   width: min(400px, 80%);
}

.search {
   color: white;
   background-color: transparent;
   border: none;
   border: 2px solid rgb(255, 255, 255);
   border-radius: 10px;
   width: 100%;
   height: 50px;
   font-size: 1.5rem;
   padding: 1rem;
}

.search::placeholder{
   color: white;
}

.search:focus{
   outline: none;
}

.card{
   color: white;
   width: 100%;
   padding: 2rem;
   border-radius: 20px;
   grid-template-columns: .25fr 1fr;
   background-color: rgba(207, 207, 207, .2);
   column-gap: 2rem;
   display: none;
}

.card img{
   width: 150px;
   height: 150px;
   object-fit: cover;
   border-radius: 50%;

}

.card .card-info{
   display: flex;
   flex-direction: column;
}


.card-info .small-text{
   font-size: .725rem;
   margin-bottom: 1.5rem;
}

.card-info a{
   color: white;
}

.card-info p{
   margin-bottom: 1.5rem;
}

.card .numbers{
   font-size: .825rem;
   font-weight: bold;
   display: flex;
   justify-content: space-between;
   margin-bottom: 1.5rem;
}

.reposList h3{
   margin-bottom: .5rem;
}

.reposList a{
   display: inline-block;
   color: white;
   margin-right: .4rem;
   margin-bottom: .3rem;
}

.reposList span{
   cursor: pointer;
   font-size: .725rem;
   background-color: #3b4371;
   padding: .25rem .5rem;
}