:root {
    --header-height: 120px;
    --header-text-color-unselect: #00158c;
    --header-text-color-select: #bf0000;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
}
header {
    display: flex;
    justify-content: center;
    min-height: var(--header-height);
    background: #f8f8f8;
    box-shadow: 0px 6px 15px 1px rgba(0,0,0,0.08);
}
header .container {
    display: flex;
}
header .container .logo_part1 {
    display: flex;
    justify-content: right;
    align-items: center;
}
header .container .logo_part1 img {
    height: var(--header-height);
}
header .container .content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
}
header .container .content .item {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    color: var(--header-text-color-unselect);
    transition: .3s all ease;
}
header .container .content .item:hover {
    color: var(--header-text-color-select);
    transition: .3s all ease;
}
header .container .content .item.select {
    color: var(--header-text-color-select);
    transition: .3s all ease;
}
header .container .content .item a {
    all: unset;
    cursor: pointer;
}
header .container .logo_part2 {
    display: flex;
    justify-content: left;
    align-items: center;
}
header .container .logo_part2 img {
    height: calc(var(--header-height) - 20px);
}