body {
    background-color:rgb(60, 62, 65);
    color:#ffffff;
    font-family: "Poppins", sans-serif;
    padding:0;
    margin:0;
    
}


h1 {
    user-select: none ;
    font-size:30px;
    color:rgb(122, 120, 233);
    margin-top:50px;
}

.search-wrapper {
    display:flex;
    flex-direction: column;
    gap: .25rem;
    width:500px;
    background-color: rgb(60, 62, 65);
    margin-top:50px;
}

input {
    font-size: 1rem;
}

.user-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,250px));
    gap: .25rem;
    margin-top:1rem;
    
    

}
.container {
    width: 100%;
    display: flex;  
}

.label {
    user-select: none ;
}

.card1 {
    border:1px solid black;
    background-color: rgb(74, 74, 85);
    padding:.5rem;
}
.card1:hover{
    background-color: rgb(27, 25, 25);
}
.card1 > .header {
    margin-bottom: .25rem;
}

.card1 > .body {
    font-size: .8rem;
    color: rgb(175, 20, 20);
}

.hide {
    display:none;
}





.test1:hover{
    background-color: rgb(36, 39, 41);
}


.test1 {
    width: 300px;
    height:70px;
    background-color: rgb(80, 82, 85);
    border-spacing:10px;
    border: 1px solid rgb(51, 51, 51);
    margin: 1 solid;
    font-size:30px;
    color:rgb(0, 0, 0);
    
}
.test1:hover{
    background-color: rgb(36, 39, 41);
}