html, body {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-family: 'Libre Franklin', sans-serif;
}

body {
    position: absolute;
}

img {
    margin: 0 2.5rem;
    height: 7rem;
}

#top, #bottom {
    margin: 5rem 0;
}

#floor {
    margin-top: 10rem;
    margin-bottom: 2rem;
    width: 100%;
    height: 2rem;
    background: #000;
}

.horizontalMeasurements {
    display: flex;
    align-items: center;
    position: absolute;
    text-align: center;
    border-left: red solid 2px;
    border-right: red solid 2px;

    &:before, &:after {
        flex: 1;
        content: '';
        padding: 3px;
        background-color: red;
    }

    &:before {
        margin-right: 0.75rem;
    }

    &:after {
        margin-left: 0.75rem;
    }
}

#horizontalWallPlateSpacing {
    top: 7rem;
    left: 23.5rem;
    width: 5rem;
}

#horizontalScreenDimensions {
    top: 1.5rem;
    left: 0;
    width: 104.5rem;
}

#horizontalWallPlateDimensions {
    top: 3rem;
    left: 2.5rem;
    width: 99.5rem;
}

#horizontalWallWallDimensions {
    top: 36.5rem;
    left: 1%;
    width: 98%;
}

.verticalMeasurements {
    display: table;
    position: absolute;
    text-align: center;
    border-top: red solid 2px;
    border-bottom: red solid 2px;

    #verticalWallPlateSpacingCenter, #verticalLowerFloorWallPlateSpacingCenter, #verticalUpperFloorWallPlateSpacingCenter, #verticalWallPlateDimensionsCenter, #verticalScreenDimensionsCenter, #verticalFloorScreenDimensionsCenter, #verticalFloorCeilingDimensionsCenter {
        position: relative;
        display: table-cell;
        vertical-align: middle;

        &:before, &:after {
            position: absolute;
            content: "";
            width: 1px;
            left: 50%;
            border-left: red solid 6px;
        }

        &:before {
            bottom: 50%;
            top: 0;
            margin-bottom: 20px;
        }

        &:after {
            top: 50%;
            bottom: 0;
            margin-top: 20px;
        }
    }
}

#verticalWallPlateSpacing {
    top: 12rem;
    left: 12rem;
    height: 5rem;
}

#verticalLowerFloorWallPlateSpacing {
    top: 24.3rem;
    left: 12rem;
    height: 10rem;
}

#verticalUpperFloorWallPlateSpacing {
    top: 11.9rem;
    left: 50rem;
    height: 22.4rem;
}

#verticalWallPlateDimensions {
    top: 5rem;
    left: 102.3rem;
    height: 19rem;
}

#verticalScreenDimensions {
    top: 3rem;
    left: 106rem;
    height: 23rem;
}

#verticalFloorScreenDimensions {
    top: 1.5rem;
    left: 110rem;
    height: 32.9rem;
}

#verticalFloorCeilingDimensions {
    top: 0;
    right: 0.5rem;
    height: 34.5rem;
}

.displayNone {
    display: none;
}

#values {
    padding: 1rem;
}

#measurements, #positioning, #mount {
    display: flex;
}

#measurements div, #positioning div, #mount div {
    margin-right: 3rem;
}

#measurements input, #positioning input, #mount input {
    margin-bottom: 1rem;
}