:root {
    --div-width: 1000px;
    --div-height: 200px;
    --div-padding: 20px;
    --div-top-start: 600px;
    --brand-green: #93E9BE;
}

body {
    /*https: //www.w3schools.com/htmL/html_images_background.asp*/
    margin: 0;

    /*These lines are needed if ChangeBackgroundImage is disabled*/
    /*background-image: url('../images/WebBackground0.png');*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    /*background-size: cover;*/
}

.wrap-frame-embed-html {
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255, 0.8); /* Black w/opacity/see-through */
    color: black;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: var(--div-top-start);
    width: var(--div-width);
    padding: var(--div-padding);
}

.wrap-frame-emptybox {
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0, 0.0); /* Black w/opacity/see-through */
    color: black;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: var(--div-top-start);
    width: var(--div-width);
    height: 20px;
    padding-left: var(--div-padding);
    padding-right: var(--div-padding);
    text-align: right;
}


.topnav {
    overflow: hidden;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.8); /* Black w/opacity/see-through */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    width: var(--div-width);
    padding-left: var(--div-padding);
    padding-right: var(--div-padding);
    text-align: right;
}

    .topnav a {
        float: left;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover {
            background-color: rgb(200, 200, 200);
            /*background-color: rgb(200, 200, 200, 0.8);*/ /*white*/
            background-color: rgb(147,233,190, 0.8); /*green*/
            /*background-color: rgb(0,233,116, 0.8);*/  /*red*/
            /*background-color: rgb(0,158,213, 0.8);*/  /*blue*/
            color: black;
        }

        .topnav a.active {
            background-color: #04AA6D;
            color: white;

            background-color: rgb(255, 255, 0, 0.8);
            color: black;
        }

.topnav-right {
    float: right;
}

span {
    display: inline-block;
    font-size: 80%;
    line-height: normal;
    width: 100%;
    line-height: 2rem;
    border: 1px solid #019ed5;
    border-radius: 25px;
    cursor: pointer;
}