*,*:before,*:after{padding:0;margin:0;box-sizing:inherit;outline:none;text-decoration:none;list-style:none}html{scroll-behavior:smooth}.App{display:flex}@media (max-width: 800px){.App{flex-direction:column}}.btn{display:inline-block;padding:3px 5px;background:linear-gradient(to right,#3fe8ab,#78cdcd);color:#151515;border-radius:.6rem;border:1px solid #151515;cursor:pointer}.btn:hover{transition:all .5s ease;border-color:#3fe8ab;background:transparent;color:red}.animated{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid green;border-radius:50%;animation:loader infinite .3s linear}@keyframes loader{0%{transform:rotate(90deg);width:35px;height:35px}25%{transform:rotate(180deg);width:40px;height:40px}75%{transform:rotate(270deg);width:35px;height:35px}to{transform:rotate(360deg);width:30px;height:30px}}.FirstSearch{margin:10px auto;text-align:center;width:45%}@media (max-width: 800px){.FirstSearch{width:98%}}.FirstSearch-search{padding:10px;border:1px solid black}.FirstSearch-search input{font-size:20px}.FirstSearch-user{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black;padding:10px}.FirstSearch-user img{width:50px}.FirstSearch-user__btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 20px}.SecondSearch{margin:10px auto;text-align:center;width:45%}@media (max-width: 800px){.SecondSearch{width:98%}}.SecondSearch-wrap{border:1px solid black}.SecondSearch-user{display:flex;align-items:center;justify-content:space-around;padding:10px}.SecondSearch-user ul{text-align:start}.SecondSearch-user img{width:80px}.SecondSearch-search{padding:10px}.SecondSearch-search input{font-size:20px}.SecondSearch-repo{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid black}.SecondSearch-repo ul{text-align:start}