html {

background-color: #fffaf0;
font-family: Arial, Verdana, sans-serif;
}

    

.flex-container {
display: flex;
float: center;

}

.flex-container > div {
box-shadow: 0 0 10px rgba(0, 0, 0, 44.66);    
border-radius: 5px;
background-color: #0000aa;
width: 100%;
margin: 5px;
text-align: center;
line-height: 25px;
font-size: 12px;

 }
 
 .flex-container2 {
display: flex;
float: center;

}

.flex-container2 > div {
box-shadow: 0 0 10px rgba(0, 0, 0, 44.66);    
border-radius: 5px;
background-color: #0000aa;
width: 100%;
margin: 5px;
text-align: center;
line-height: 25px;
font-size: 12px;

 }
 
td {
border-radius: 10px 10px;
border-color: rgba(3, 120, 255);
    
}
 
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 300;
    line-height: 1.3;
}


h3 {
text-shadow: 0 0 3px rgba(0, 0, 0, 44.66);    
color: #004400; 
 margin: 0 auto;

    
}

h1 {
text-shadow: 0 0 4px rgba(0, 0, 0, 44.66);   
    margin-top: 1.3em;
    margin: 0 auto; 

}

h2 {
text-shadow: 0 0 3px rgba(0, 0, 0, 44.66);   
    margin-top: 1.3em;
    margin: 0 auto;
}

     

p {
    
color: #000000;     
    
}



a {
color:#ff2957;
text-decoration: 0;
font-size: 14px;

}

A:hover {
COLOR: #33ffff;
vlink:#aa007f;
link: #aa0000;
alink:#ff00ff;  
    
}