img {
    width: 50%;
    height: auto;
}
div {
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    border-width: 5px;
    border-color: gray;
}
body {
    background-color: black;
}
form {
    display: inline;
    border-width: 5px;
    border-color: gray;
}
select {
    text-align: center;
    font-weight: bold;
    background-color: black;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#p1 {
    font-size: 40pt;
    color: limegreen;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p2 {
    font-size: 20pt;
    color: limegreen;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p3 {
    font-size: 15pt;
    color: white;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p4 {
    font-size: 15pt;
    color: limegreen;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
.p4 {
    font-size: 15pt;
    color: limegreen;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p4 a {
    font-size: 15pt;
    color: limegreen;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p5 {
    font-size: 15pt;
    color: purple;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p6 {
    font-size: 15pt;
    color: orange;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#p7 {
    font-size: 15pt;
    color: red;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#status1 {
    font-size: 15pt;
    color: purple;
}
.status1-online {
    background-color: lime;
}
.status1-offline {
    background-color: red;
}
#status2 {
    font-size: 15pt;
    color: purple;
}
.status2-online {
    background-color: lime;
}
.status2-offline {
    background-color: red;
}
#status3 {
    font-size: 15pt;
    color: purple;
}
.status3-online {
    background-color: lime;
}
.status3-offline {
    background-color: red;
}
#status2inv {
    font-weight: bold;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
.status2inv-online {
    background-color: red;
}
.status2inv-offline {
    background-color: lime;
}
#time1 {
    font-size: 15pt;
    color: purple;
}
#time2 {
    font-size: 15pt;
    color: purple;
}
#status11 {
    font-size: 15pt;
    color: purple;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#status22 {
    font-size: 15pt;
    color: purple;
    background-color: black;
    border-width: 5px;
    border-color: gray;
}
#start1 button {
    text-align: center;
    font-weight: bold;
    background-color: lime;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#stop1 button {
    text-align: center;
    font-weight: bold;
    background-color: red;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#start2 button {
    text-align: center;
    font-weight: bold;
    background-color: lime;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#stop2 button {
    text-align: center;
    font-weight: bold;
    background-color: red;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#start3 button {
    text-align: center;
    font-weight: bold;
    background-color: lime;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
#stop3 button {
    text-align: center;
    font-weight: bold;
    background-color: red;
    font-size: 15pt;
    color: purple;
    border-width: 5px;
    border-color: gray;
}
.zaslugi-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin-bottom: 10px;
}
