html{
                background-color: lightgrey;
            }
            body{
                background-color: white;
                margin: 0 auto;
                font-family: Verdana, Arial;
            }
            :root{
                --steppurple: #6c2183;
                --benpurple: #b376b9;
                --vladcyan: #5bb8ff;
                --grey57: #575757;
            }

            #header{
				position: relative;
				width: 98vw;
				left: 1vw;
				

				border: solid 1px lightgrey;
				background-color: #4a4ada;
                background-color: var( --steppurple );
				border-radius: 3px;
				
				position: sticky;
				z-index: 99;
				width: 100%;
				top: 0;
				left: 0;
				border: none;
				border-radius: 0;
				
				/*border-top-left-radius: 1em;*/
                /*border-top-right-radius: 1em;*/
                
                height: 3em;
                margin-bottom: 1em;
			}
			#icon{
				position: relative;
				/*width: 8%;*/
				/*height: 8vw;*/
				float: left;
				left: 1.5%;
				top: 0.5em;
				width: 2em;
			}
			#icon img{
				width: 100%;
			}
			#logo{
				
				font-family: Arial;
				color: #cec7c7;
				float: left;
                margin-top: .5em;
				
				font-size: 10%;
				padding-left: 4%;
				width: 40%;
				/*line-height: 10vw;*/
				
				font-size: 140%;
				text-align: left;
				
				font-style: italic;
				color: #d3d3d3;
                color: white;
			}
			#beta{
				position: absolute;
				background-color: yellow;
				color: red;
				text-align: center;
			
				width: 16.5%;
				left: 41.5%;
				border-radius: 25%;
				/*border: solid .5vw red;*/
				border: solid .13em red;
				font-size: 4vw;
				line-height: 2em;

				top: 0.5em;
				left: 50vw;
				width: 4.15em;
				transform: rotate(-25deg);
				font-size: 0.66em;
				height: 2em;



                line-height: 2em;
                top: 5em;
                left: 43%;
                width: 4em;
                transform: rotate(-25deg);
                font-size: 0.43em;
                height: 2em;
                left: 18em;
			}
			
			
			
			#menuBox{
				position: relative;
				float: right;
                margin-top: 1em;
			}
			.menuItem{
				position: relative;
				float: right;
				
				width: 1.35em;
				
background-color: white;
margin-right: 0.66em;
height: 1.5em;
width: 1.5em;
margin-top: 1em;
border-radius: 50%;				
border: solid 2px lightgrey;
border: solid 2px #4a4ada;
				
                /* prevent clickable margin */
                text-align: center;
                display: inline;
                display: none;

                width: 2em;
                height: 2em;
                margin-top: .75em;
                margin-right: 1em;
			}

            #login img{
                scale: .8;
            }
			
			#userName{				
				position: absolute;
				top: 0.3em;
				right: 1em;
				font-size: 0.7em;
				color: whitesmoke;
				z-index: 3;
			}
            .userName{
                display: inline-block;
                display: none;
            }
            #userName div{
                font-size: 0.7em;
                font-family: courier;
                float: right;
                line-height: 1.7em;			             
            }
            #logio{
                display: none;
            }
            
			#loginBtn{
                position: absolute;
                /*display: inline-block;*/
                top: 0.3em;
                color: whitesmoke;
                border: solid 1px  white;
                padding-left: 1em;
                padding-right: 1em;
                border-radius: .5em;
                right: 3em;
                font-size: 0.5em;
                z-index: 3;
            }
			.hidden{
                display: none;
            }
			
			
			.headerSpacer{
				width: 100%;
				height: 11vw;
				position: relative;
				/*background-color: yellow;*/
				height: 1.85em;
                display: none;
			}

            .client-name{
                color: var(--grey57 );
                font-weight: bold;
                font-size: 1.1em;
                margin-top: 2em;
                margin-left: 1em;
            }