* {
    font-family: sans-serif;
}

div {
    width: 100%;
    text-align: center;
}

.d1 {
    margin-top: -4vw;
}


.d1 * {
    font-size: 38vw;
}
.d2 * {
    font-size: 26vw;
}

.e1{
    font-size: 12vw;
}

.team1_p{
    margin-left: 13.5vw;
    position: fixed;
    border-radius: 1vw;
    border-width: 0.2vw;
    border-style: solid;
    width: 6vw;
    padding: 0.5vw;
}

.team1_p *:first-child {
    font-size: 2vw;
}
.team1_p *:last-child {
    font-size: 4vw;
}

.team2_p{
    margin-left: 22vw;
    position: fixed;
    border-radius: 1vw;
    border-width: 0.2vw;
    border-style: solid;
    width: 6vw;
    padding: 0.5vw;
}

.team2_p *:first-child {
    font-size: 2vw;
}
.team2_p *:last-child {
    font-size: 4vw;
}

.team3_p{
    margin-left: -2.5vw;
    position: fixed;
    border-radius: 1vw;
    border-width: 0.2vw;
    border-style: solid;
    width: 13vw;
    padding: 0.5vw;
}

.team3_p *:first-child {
    font-size: 2vw;
}
.team3_p *:last-child {
    font-size: 4vw;
}


.help1 {
    margin-left: -1vw;
    position:fixed;
    width:100%;
    height:5vw;
    padding:1vw;
    bottom:12vw;
}
.help2 {
    margin-left: 1vw;
    position:fixed;
    width:100%;
    height:5vw;
    padding:1vw;
    bottom:3vw;
}
.help3 {
    margin-left: 1vw;
    position:fixed;
    width:100%;
    height:1vw;
    padding:1vw;
    top:0;
    right: 1vw;
}

.connection{
    font-size: 3vw;
    text-align: right;
}

.bottom_right {
    bottom: 3vw;
    right: -1vw;
    position:fixed;
    height:5vw;
    padding:1vw;
    text-align: right;
}

.bottom_right * {
    font-size: 8vw;
}

#textId {
    position: fixed;
}

#max_p {
    position: fixed;
}

#max_pa{
    position: fixed;
}

#status{
    text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black;
}

#qrcode{
    background-color: white;
    position: fixed;
    width:50vw;
    height:50vw;
    padding: 1vw;
    margin-top:15px;
    top: 1vw;
    left: 25vw;
}