body {
    background-color: black;
    margin: auto;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 8vw;
    overflow-x: hidden; 
    overflow-y: scroll;
}
body::-webkit-scrollbar {
    display: none;
}
a{
    text-decoration: none;
    color: white;
}

/* Plattformnummere */

.p1 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 0vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p2 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 0vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p3 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 22.6vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p4 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 22.6vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p5 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 45.2vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p6 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 45.2vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p7 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 67.8vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p8 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 67.8vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p9 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 90.4vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p10 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 90.4vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p11 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 113vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p12 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 113vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p13 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 135.6vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p14 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 135.6vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p15 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 158.2vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p16 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 158.2vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p17 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 180.8vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p18 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 180.8vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p19 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 203.4vw;
    left: 0vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p20 {
    position: absolute;
    height: 22.504vw;
    width: 10vw;
    top: 203.4vw;
    left: 90vw;
    border-bottom: 0.1vw solid #4b4c4f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* iframes */

.if_1 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 0vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_2 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 0vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_3 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 22.6vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_4 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 22.6vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_5 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 45.2vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_6 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 45.2vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_7 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 67.8vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_8 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 67.8vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_9 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 90.4vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_10 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 90.4vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_11 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 113vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_12 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 113vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_13 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 135.6vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_14 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 135.6vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_15 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 158.2vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_16 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 158.2vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_17 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 180.8vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_18 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 180.8vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_19 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 203.4vw;
    left: 10vw;
    border: none;
    border-left: 0.1vw solid #4b4c4f;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
}
.if_20 {
    position: absolute;
    height: 22.504vw;
    width: 40vw;
    top: 203.4vw;
    left: 50.2vw;
    border: none;
    border-right: 0.1vw solid #4b4c4f;
    border-bottom: 0.1vw solid #4b4c4f;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.spor {
    font-size: 3vw;
}
.track {
    font-size: 3vw;
    font-weight: lighter;
    color: #ffd300;
}