* {
    font-family: system-ui;
}

body {
    background-color: black;
}

ul.site-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

ul.site-list li {
    width: 16.6666666667%;
    min-width: 215px;
    height: 72px;
    display: flex;
    margin-bottom: 6px;
    padding: 5px;
}

.site-list li a {
    margin: 2px;
    width: 100%;
    border: 2px solid #E31F45;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    border-radius: 4px;
    text-decoration: none;
    transition: .1s;
}

.site-list li a:hover {
    font-size: 22px;  color: #63d4ff;
    border: 2px solid #E31F45;
    text-shadow: 3px 0px 7px #E31F45, -3px 0px 7px #E31F45, 0px 4px 7px #E31F45;
}

g.logo-box {
    transform: translate(2px, 15px);
}

.decor-box {
    display: flex;
    justify-content: flex-end;
}

.first-screen-svg a:hover path {
    stroke: #ff0031;
}

.first-screen-svg a:hover .brand-dot {
    cursor: pointer;
    fill: #ff0031;
    stroke: #ff0031;
}

.img-box {
    margin-right: auto;
    margin-top: auto;
}

.rodjer {
    max-width: 300px;
}