styles.css

*{margin:0;padding:0;box-sizing:border-box;list-style:none;color:#fff;font-family:"Source Sans Pro",sans-serif;text-decoration:none}body{background-color:#000}h2{font-size:clamp(1.1rem,2vw,1.4rem)}h3{font-size:clamp(1rem,1.5vw,1.3rem)}.container{max-width:40rem;width:90%;margin:1.5rem auto 0 auto;padding:10px}.container header{display:flex;align-items:center;margin-bottom:1.2rem}.container header div{width:5rem;margin-right:1rem;border-radius:50%}.container header div img{border-radius:50%;width:100%;height:100%}.container input[type=text]{padding-left:10px;width:100%;height:3rem;border-radius:8px;background-color:#181a26;border:0}.container input[type=text]:focus{outline:none}.container .githubProfile{display:none;margin-top:1rem;border-radius:8px;padding:10px;background-color:#181a26}.container .githubProfile .profileDetails{display:flex}.container .githubProfile .profileDetails .profileIcon{background-color:#fff;width:20%;border:2px solid;margin-right:7%;border-radius:50%}.container .githubProfile .profileDetails .profileIcon img{border-radius:50%;width:100%;height:100%}.container .githubProfile .profileDetails div+div{display:flex;flex-direction:column;justify-content:space-around;width:70%;padding:5px}.container .githubProfile .activity{padding:10px;margin-top:2rem;display:flex;justify-content:space-around;border-radius:8px;background-color:#000}.container .githubProfile .activity li{text-align:center}.container .githubProfile .activity li h3 span{margin-top:1rem;display:block}.container .githubProfile .user-details{margin-top:1rem;padding:5px}.container .githubProfile .user-details li{margin-bottom:.3rem}.container .githubProfile .user-details li i{width:5%;font-size:1rem;margin-right:1rem}.container .githubProfile .user-details li span,.container .githubProfile .user-details li a{font-size:clamp(.8rem,1vw,1rem)}.container .alert{background-color:red;color:#fff;padding:6px;border-radius:8px;margin-bottom:1rem}