.githubCardContainer{
    height: 300px;
    border-radius: var(--radius);
    background-color: var(--entry);
    border: 1px solid var(--border);
    padding: 10px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* .githubCardContainer:hover{
    opacity: 0.75;
} */

.githubCardContainerInner{

}



.avaterImage{
    padding: 10px;
    justify-content: center;
    text-align: center;
}

.avaterImage img{
    width: 200px;
    height: 200px;
}

.avaterImage .userName{
    font-size: medium;
    font-weight: bold;
    color: var(--primary);
}



.repoInfo{
    margin-top: 10px;
    margin-left: 10px;
    padding: 10px;
    justify-content: center;
    /* text-align: center; */
}

.repoInfo .repoName{
    font-size: larger;
    font-weight: bolder;
    color: var(--primary);
}
.repoInfo .repoName:hover{ 
    text-decoration: underline;
}

.repoInfo .repoDiscription{
    font-size: small;
    color: var(--primary);
}


.repoClone{
    margin-top: auto;
    height: 80px;
    /* background-color: gray; */
}

.cloneOption{
    margin: 5px;
    margin-bottom: 5px;
    padding: 5px;
    height: 33px;
    background-color: var(--code-bg);
    border: 2px solid var(--border);
    border-radius: var(--radius);
}

.cloneOption input{
    position: relative;
    color: var(--primary);
    width: 100%;
}

.cloneOption .copy{
    transform: translate(5px,-5px);
    position: relative;
    background-color: var(--theme);
    color: var(--primary);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-image: url(data:image/png;base64,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);
}


.githubcard.selected{
    opacity: 0.5;
}

.githubcard.error{
    background-color: gray;
}