html {
    background-color: #8373E4;
    font-family: Inria Serif;
}

header {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 6rem;
    margin-top: 3rem;
}

section .texts {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
    color: #FAF9F6;
    font-family: Inria Serif;
}


.dashboard a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.dashboard {
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition: transform .5s ease-in-out;
}

.dashboard:hover {
    transform: scale(1.1);
}

.titkos a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.titkos {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    transition: transform .5s ease-in-out;
}

.titkos:hover {
    transform: scale(1.1);
}

.fits a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.fits {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    transition: transform .5s ease-in-out;
}

.fits:hover {
    transform: scale(1.1);
}

.trans a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.trans {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    transition: transform .5s ease-in-out;
}

.trans:hover {
    transform: scale(1.1);
}

.domains a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.domains {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    transition: transform .5s ease-in-out;
}

.domains:hover {
    transform: scale(1.1);
}

.pm a {
    width: 600px;
    height: 55px;
    text-decoration: none;
    color: #FAF9F6;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.pm {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 600px;
    height: 55px;
    border-radius: 16px;
    transition: transform .5s ease-in-out;
}

.pm:hover {
    transform: scale(1.1);
}