:root {
    --primaryBGColor: #1d1d1d;
    --secondaryBGColor: #3d3d3d;
    --primaryTextColor: #dddddd;
    --secondaryTextColor: #faac05;
    --thirdaryTextColor: #fad505;
    --green: #28a745;
    --red: #FF0000;
    --blurple: #5865F2;
    --darkBlurple: #454FBF;
}


.login-button {
    position: relative;
    height: 40px;
    width: 200px;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background-color: var(--blurple);
    cursor: pointer;
    top: calc((100vh - 50px)/2);
    left: calc((100vw - 200px)/2);
}

.login-button-image {
    position: relative;
    height: 70%;
    top: 15%;
    margin-left: 3%;
    margin-right: 3%;
}

.login-button-text {
    position: relative;
    height: 17px;
    top: 11.5px;
    font-size: 17px;
    color: var(--primaryTextColor);
    text-wrap: nowrap;
    /* border: 2px solid red; */
}

.login-button:hover {
    background-color: var(--darkBlurple);
}