.container {
    display: flex;
    width: 90%;
    justify-content: center;
    flex-direction: column;
}

.loadingButtonContainer {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    width: 90%;
    justify-content: center;
}

.buttonIsLoading {
    height: 62px;
    width: 211px;
    margin: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.loadingRepoContainer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: auto;
}

.repoIsLoading {
    width: 100%;
    height: 65px;
    margin: 20px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}
