@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap);.memberDiv .btn:first-child,.memberDiv .btn:nth-child(2),.memberDiv .btn:nth-child(3),.memberDiv .btn:nth-child(4),.memberDiv .btn:nth-child(5),.memberDiv .btn:nth-child(6){background-repeat:no-repeat;background-size:cover;width:100%;min-height:8rem;margin-bottom:1rem}.addIcon,.memberDiv .btn{max-width:8rem;outline:0;transition:transform .3s ease-in-out;position:relative}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.all__profiles{width:100%;display:flex;align-items:center;justify-content:center;padding-block:4rem;margin-bottom:2rem}.whoIsWatching{width:70%}.all__profiles h1{font-size:4rem;padding:2rem}.addIcon span,.memberDiv .btn span{width:inherit;position:absolute;top:100%;text-transform:capitalize;color:#999;font-size:1rem}.logo-section{width:95vw;margin:auto;height:7rem;background-color:#141414;display:flex;justify-content:flex-start;align-items:center}.addIcon,.manageProfile{cursor:pointer;background-color:transparent}.logo-section a img{width:10rem;height:4rem;cursor:pointer}.memberDiv{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1rem;gap:3rem}.memberDiv .btn{width:8vw;border-radius:.4rem;border:none;cursor:pointer}.memberDiv .btn:first-child,.memberDiv .btn:nth-child(6){background-image:url("../images/user1.png")}.memberDiv .btn:nth-child(2){background-image:url("../images/user2.png")}.memberDiv .btn:nth-child(3),.memberDiv .btn:nth-child(5){background-image:url("../images/user3.png")}.memberDiv .btn:nth-child(4){background-image:url("../images/user4.png")}.memberDiv .btn:hover{transform:scale(1.1)}.memberDiv .btn span{left:0}.manageProfile{border:1px solid grey;color:grey;text-transform:uppercase;padding:.8rem 2.6rem;letter-spacing:.5rem;font-size:2.5rem;margin-top:12rem}.manageProfile:hover{border:1px solid #fff;color:#fff}.addIcon{border-radius:.4rem;border:none;margin-top:-18px}.addIcon span{left:22%;transform:translateX(-50%,-50%)}.fa-plus-circle{color:grey;opacity:.8;position:relative;transition:.3s}.fa-plus-circle:hover{transform:scale(1.1);color:#fff;opacity:1}.addicon:hover>.fa-plus-circle{opacity:1}.addIcon i{font-size:8.3rem!important}@media (max-width:601px){.addIcon span{width:inherit;position:absolute;top:108%;left:20%;text-transform:capitalize;color:#999;font-size:1rem}.all__profiles h1{font-size:3rem;padding:1.8rem}}@media (max-width:401px){.all__profiles h1{font-size:2.5rem;padding:1.5rem}}@media (max-width:301px){.addIcon i{font-size:6.9rem!important}}