body{
    height: 95vh;
}

#whiteBorder{
    text-align: left;
    display: inline-block;
    position: absolute;
    height: 76%;
    width: 75.5%;
    top: -.0125%;
    left: -.0125%;
    border-top-width: 12.5vh;
    border-bottom-width: 11.5vh;
    border-right-width: 12vw;
    border-left-width: 12.5vw;
    border-style: solid;
    border-color: black;
}

.divContainer{
    text-align: left;
    display: inline-block;
    position: absolute;
    height: 75%;
    left: 12.5%;
    top: 12.5%;
    width: 75%;
    border-width: 5px;
    border-style: solid;
    border-color: gray;

}

#test{
    display: inline-block;
    position: absolute;
    top: -25px;
    left: -25px;
    width: 94px;
    height: 94px;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    border-radius: 100px;
    background-color: red;
    opacity: .5;
}

#test2{
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 25px;
    width: 94px;
    height: 94px;
    border-width: 0px;
    border-style: solid;
    border-color: blue;
    border-radius: 100px;
    background-color: blue;
    opacity: .5;
}

.mainCircle{
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 25px;
    width: 94px;
    height: 94px;
    border-width: 0px;
    border-style: solid;
    border-color: blue;
    border-radius: 100px;
    background-color: blue;
    opacity: .5;
}

#changeColor{
    display: inline-block;
    position: absolute;
    top: 90vh;
    left: 45vw;
    width: 10vw;
    height: 7.5vh;
    border-radius: 75px;
    background-color: #e0e0e0;
    vertical-align: center;
    text-align: center;
    line-height: 7.5vh;

}