/* used for translate*/
a		{font-family:var(--ftype);color:#2200AD;font-size:1.2vw;}


:root {
  --main-font-size: 16px;
  --subheading-size: 2.5vw;
  --button-width: 18vw;
  --button-font-size: 2vw;
  --base: #252560;
  --bg: #f4f4f4;
  --ftype: 'Verdana';
  }


.toplinks {
font-size:calc(1.2*var(--main-font-size));
}

.text {
text-align: left;
font-family:var(--ftype);
color:var(--base);
font-size:calc(1.5*var(--main-font-size));
font-weight: normal;
font-style: normal;
font-variant: normal;padding-left: 1vw;
background-color: var(--bg);
}

A:hover 	{	color:var(--base); text-decoration:none;font-size:calc(1.2*var(--main-font-size));}
A:visited	{	color:var(--base); text-decoration:none;font-size:calc(1.2*var(--main-font-size));}
A		{	color:var(--base); text-decoration:underline;font-size:calc(1.2*var(--main-font-size));}


#smallbuttons
{
	display:block;
	width: calc(var(--button-width)*.9);
	margin-left:auto; 
	margin-right:auto;
	  background: #252560;
	  background-image: -webkit-linear-gradient(top, #252560, #9eacd9);
	  background-image: -moz-linear-gradient(top, #252560, #9eacd9);
	  background-image: -ms-linear-gradient(top, #252560, #9eacd9);
	  background-image: -o-linear-gradient(top, #252560, #9eacd9);
	  background-image: linear-gradient(to bottom, #252560, #9eacd9);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  text-shadow: 3px 3px 5px #000000;
	  -webkit-box-shadow: 2px 2px 3px #000000;
	  -moz-box-shadow: 2px 2px 3px #000000;
	  box-shadow: 2px 2px 3px #000000;
	  font-family: verdana;
	  color: #ffffff;
	  font-size: var(--button-font-sizesm);
	  padding: 0.25vw 0.5vw 0.25vw 0.5vw;
	  text-decoration: none;
}

#smallbuttons:hover
{ 
	  background: #9eacd9;
	  background-image: -webkit-linear-gradient(top, #9eacd9, #252560);
	  background-image: -moz-linear-gradient(top, #9eacd9, #252560);
	  background-image: -ms-linear-gradient(top, #9eacd9, #252560);
	  background-image: -o-linear-gradient(top, #9eacd9, #252560);
	  background-image: linear-gradient(to bottom, #9eacd9, #252560);
	  text-decoration: none;
}

.tableformat {
background-color: var(--bg);
border-top-style:outset;
border-right-style:outset;
border-bottom-style:outset;
border-left-style:outset;
border-color:#2D73BA;
border-width:1px;
text-align: center;
width:100%;
}

.message {
    z-index: 3;
    position: absolute;
	float:right;
	left: calc(var(--main-font-size)*57);
		color:var(--base);
}

.links {
float:right;
text-align: left;
font-family:var(--ftype);
	color:var(--base);
font-size:calc(1.2*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
padding-top: .5vw;
}

A.links	{font-size:calc(1.2*var(--main-font-size));color:#ffffff; text-decoration:underline;}
A.links:hover 	{font-size:calc(1.2*var(--main-font-size));color:#ffffff; text-decoration:none;font-weight: bold;font-style: normal;}

.bannertext {
float:left;
text-align: left;
font-family:var(--ftype);
	color:var(--base);
font-size:calc(1.9*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
padding-top: 0vw;
padding-left: 1vw;
}

.bannerlink {
font-family:var(--ftype);
	color:var(--base);
font-size:calc(1.9*var(--main-font-size));
font-weight: bold;
font-style: normal;
font-variant: normal;	
}

.bannerright {
float:right;
margin-left:auto;
margin-right:auto;
font-family:var(--ftype);
	color:var(--base);
font-size:calc(1,5*var(--main-font-size));
font-weight: normal;
font-style: normal;
font-variant: normal;	
padding-top: .2vw;
}


.dropdown {
  position: relative;
  display: inline;
  overflow: hidden;
  }

.dropdown .dropbtn {
  cursor: pointer;
font-size:calc(1.2*var(--main-font-size));
  border: none;
  outline: none;
	color:var(--base);
  	font-weight: bold;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  text-decoration: underline;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
 text-decoration: none;
}

.dropdown-content {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;	
  display: none;
  position: absolute;
  left:-1vw;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

.dropdown-content a {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:left;
  color: black;
  font-size:calc(1.5*var(--main-font-size));
  padding: calc(0.2*var(--main-font-size)) 1vw;
  text-decoration: none;
  display: block;
  z-index: 100;
}

.dropdown-content a:hover {
		font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align:left;
  color: black;
  font-size:calc(1.5*var(--main-font-size));
  padding: calc(0.2*var(--main-font-size)) 1vw;
  text-decoration: none;
  display: block;
  z-index: 100;
 background-color: #ddd;
}

.show {
  display: block;
}

#ethDIV {
width: 100%;
padding-top:25px;
display: none;
}
#ethDIV1 {
display: none;
text-align: left;
padding-top:25px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: calc(5*var(--main-font-size)); /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  font-family:var(--ftype);
  color:#2D73BA;
  font-size:calc(1.3*var(--main-font-size));
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.modala		{font-family:var(--ftype);color:#2200AD;font-size:calc(1.6*var(--main-font-size));}


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#page-content {
	
	    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

body, html {
	margin: 0;
	text-align: center;
	background-color: var(--bg);
	padding:0;
}