body, html {background-color: rgb(146, 131, 16);  height: 100%;  width: 100%; margin:0}


.flex-itemlink1 {
font-family: Arial Black,Arial Bold,Gadget,sans-serif;font-size: 10vh;
background: rgb(146, 131, 16);
padding: 0px;
width: 100%;
font-size: 10vh;
text-align: center;
margin-top: 20px;
a {text-decoration: none; color: white;}
}

.flex-itemlink2 {
font-family: Arial Black,Arial Bold,Gadget,sans-serif;font-size: 10vh;
background: rgb(146, 131, 16);
padding: 0px;
width: 100%;
font-size: 10vh;
text-align: center;
margin-top: 20px;
a {text-decoration: none; color: black;}
}


.flex-container {
/* We first create a flex layout context */
display: flex;

/* Then we define the flow direction 
and if we allow the items to wrap 
* Remember this is the same as:
* flex-direction: row;
* flex-wrap: wrap;
*/

flex-direction: column ;
flex-wrap: nowrap;

/* Then we define how is distributed the remaining space */
justify-content: center;

padding: 0px;
margin: 0px;
list-style: none;
height:100vh;
}

.flex-item1 {
background: rgb(146, 131, 16);
padding: 0px;
width: 100%;
height: 100%;
margin-top: 20px;
line-height: 80%;
color: white;
font-weight: bold;
font-size: 45vh;
text-align: center;
font-family: Arial Black,Arial Bold,Gadget,sans-serif;
text-shadow: 0 0 20px black, 0 0 20px black, 0 0 20px black, 0 0 20px black;
a:visited {text-decoration: none; color: white;}
a:hover {text-decoration: none; color: white;}
a:focus {text-decoration: none; color: white;}
a:hover, a:active {text-decoration: none; color: white;}
a {text-decoration: none; color: white;}
}



.flex-item2 {
background: rgb(146, 131, 16);
padding: 0px;
width: 100%;
height: 100%;
margin-top: 0px;
line-height: 80%;
color: black;
font-weight: bold;
font-size: 45vh;
text-align: center;
font-family: Arial Black,Arial Bold,Gadget,sans-serif;
text-shadow: 0 0 20px white, 0 0 20px white, 0 0 20px white, 0 0 20px white;
a:visited {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: black;}
a:focus {text-decoration: none; color: black;}
a:hover, a:active {text-decoration: none; color: black;}
a {text-decoration: none; color: black;}

}


@keyframes blinker {   
  50% {
    opacity: 0;
  }
}

.top-left-text {
  position: absolute; /* or fixed */
  z-index: 9999;
  top: 0;
  left: 0;
  /* Optional: Add styling for appearance */
  padding: 10px;
  background-color: red;
  color: white;
  font-family: sans-serif;
  font-size: 3vh;
}