:root {
    --bg-color: #18191C;
    --header-color: #0D0D0D;
    --dark-item-color: #1B1C1F;
    --item-color: #202225;
    --text-grey-color: #8E9DAA;
    --text-white-hover-color: #c3c3c3;
    --text-white-color: #DFDFDF;
    --primary-color: #006aff;
    --primary-hover-color: #005cdd;
    --bg-footer-color: #090909;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    position: fixed;
    height: 80px;
    width: 100%;
    background-color: var(--header-color);
    display: flex;
    align-items: center;
    padding: 0 50px;
    color: var(--text-white-color);
    z-index: 1;
    font-size: 14px;
}

.login-image {
    position: absolute;
    height: 125%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 25%;left: 0;
    cursor: pointer;
}

.login-image img {
    height: 125%;
    border-radius: 50%;
}

.commands {
    position: absolute;
    right: 50px;
}

.btn-simple {
    cursor: pointer;
    transition: 0.4s;
    text-decoration: none;
    color: var(--text-white-color);
    z-index: 99;
}

.btn-simple:hover {
    color: var(--text-white-hover-color)
}