main.css

#orb-extension-html{
    z-index: 999999999;
}
#orb-body{
    z-index: 999999999;
}
#main-orb{
    border-radius: 5em;
    /*background-color: #ff7b008c;*/
    background-color: transparent;
    position: fixed;
    width:5vw;
    height:5vw;
    min-width:35px;
    min-height:35px;
    right:-2vw;
    bottom:-2vw;
    z-index: 999999998;
}
#close-orb{
    width: 3.5vw;
    height: 3.5vw;
    min-width:25px;
    min-height:25px;
    right: 1vw;
    bottom: 1vw;
    background-color: #b1030545;
    position: fixed;
    border-radius: 5em;
    visibility: hidden;
    z-index: 999999999;
}
#close-orb:hover{
    cursor: pointer;
    border-style:solid;
    border-width: 2px;
    border-color: wheat;
    z-index: 999999999;
}
#close-x{
    color:blue;
    position: absolute;
    right: 1.12vw;
    bottom: 0.5vw;
    color:white;
    font-size:2vw;
    visibility: hidden;
    z-index: 999999999;
}
#top-orb-row{
    background-color: transparent;
    width: 3.5vw;
    height: 20vw;
    display:table;
    position: fixed;
    right: 0.2vw;
    bottom: 5.5vw;
    visibility: hidden;
    z-index: 999999999;
}
.top-orb{
    background-color: rgba(255, 123, 0, 0.55);
    width:3vw;
    height:3vw;
    border-radius: 5em;
    margin-top:1vw;
    z-index: 999999999;
}
.top-orb:hover{
    cursor: pointer;
    border-style:solid;
    border-width: 2px;
    border-color: wheat;
}
#bottom-orb-row{
    background-color: transparent;
    width: 20vw;
    height: 3vw;
    right:5.7vw;
    bottom :.2vw;
    position: fixed;
    margin-left:3em;
    display:flex;
    visibility: hidden;
    z-index: 999999999;
}
.bottom-orb{
    width: 3vw;
    height: 3vw;
    background-color: rgba(255, 123, 0, 0.55);
    margin-left: 1vw;
    border-radius: 5em;
    z-index: 999999999;
}
.bottom-orb:hover{
    cursor: pointer;
    border-style:solid;
    border-width: 2px;
    border-color: wheat;
}