@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css");

:root {
    --none-color: #00000000;
    --common-card-common: #EEEEEEDD;
    --brand-logo-color: #FFFFFF;

    --tsolutions-brown-1: #7e5747;
    --tsolutions-blue-1: #476e7e;

    --tsolutions-brown-1-opaque: #7e5747DD;
    --tsolutions-blue-1-opaque: #476e7eDD;
}

* {
    font-family: 'Cascadia Code', sans-serif;
}

.tsolutions-row {
    display: flex;
    flex-wrap: wrap;
}

.tsolutions-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

nav {
    background-color: var(--none-color);
    border-width: 0px;
    box-shadow: none !important;
}

.page-footer {
    background-color: var(--none-color);
    padding-bottom: 20px;
    color: white;
}

#tsolutions-body {
    background: url(../img/background-full-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.tsolutions-brand-header-text {
    color: var(--brand-logo-color);
    font-size: 35px;

    color: white;
    font-weight: normal;
}

.tsolutions-brand-subheader-text {
    color: var(--brand-logo-color);
    font-size: 20px;

    color: white;
}
.brown-text {
    color: var(--tsolutions-brown-1);
}

.card {
    border-width: 0px;
    box-shadow: none !important;
    background-color: var(--common-card-common);
}

.card-service {
    background-color: var(--tsolutions-blue-1);
    width: 100%;
    height: 200px;
    color: white;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.card-contacts {
    background-color: var(--tsolutions-blue-1);
    width: 100%;
    height: 200px;
    color: white;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.card-common {
    background-color: var(--common-card-common);
}

.tsolutions-reviews {
    color: var(--tsolutions-brown-1);
}

.tsolutions-aboutme {
    color: var(--tsolutions-brown-1);
}

.tsolutions-aboutme a {
    color: var(--tsolutions-blue-1);
}

.tsolutions-reviews a {
    color: var(--tsolutions-blue-1);
}

#tsolutions-language-option-ua {
    color: var(--tsolutions-blue-1);
    font-size: 20px;
}

#tsolutions-language-option-en {
    color: var(--tsolutions-blue-1);
    font-size: 20px;
}

.vertical-center {
    top: 50%;
    right: 5%;
    left: 5%;
    transform: translate(0, -50%);
    position: absolute;
}

ul {
    margin-top: 0;
    padding-left: 20px;
}

h1 {
    margin-top: 0;
}

h4 {
    margin-top: 0;
}

h5 {
    margin-top: 0;
}