html {
    color: #cccccc;
    background: #FFFFFF url('images/360_F_440771610_x9z2TYsFzStTznGflwYpBuypwNJ14lcD.jpg')
}
body {
    max-width: 4000px;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    background-color: #120020;
    border-radius: #653AF0;
    max-width: 1000px; 
    margin: 30px auto; 
    background-color: #120020; 
    border-radius: 15px; 
    padding: 20px; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); 
}
div#content {
    max-width: 5000px; 
    margin: 50px auto; 
    background-color: #120020;
    border-radius: 15px; 
    padding: 20px; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); 
}
header {
    border-bottom: 2px solid black;
    height: 180px;
    color: #9FEBA9;
    border-bottom: 2px solid black;
    height: 180px;
    background-image: url('images/r6sx-heroBanner.png');
}
@font-face {
    font-family: new_font;
    src: url("font/FerroRosso.ttf");
}
h1{
    font-size: 40pt;
    font-family: new_font;
}
p {
    color: #F0493C;
}
h2{
  color: #FFFFFF;  
}
table{
    color: #FFFFFF;
}
ul{
    color: #F0493C;
}
ol{
    color: #F0493C;
}
nav a {
display: block;
width: 200px;
margin: 10px auto 0 auto;
padding: 5px;
color: #F0493C;
background-color: white;
border: 3px solid #653AF0;
font-size: 16pt;
font-weight: bold;
text-decoration: none;
text-align: center;
border-radius: 3px;
box-shadow: 2px 4px 6px #120020;
}
nav {
    display: flex;
    justify-content: center;
    gap: 3px;
}
nav a:hover {
    color: white;
    background-color: red;
}
section#main img {
    display: block;
    margin: 10px auto 10px auto;
    padding: 7px;
    background-color: white;
    border: 1px solid black;
    box-shadow: 2px 4px 8px black;
}
l a, ol a {
    color: #FFFFFF;
    text-decoration: none;
  }
  
  ul a:hover, ol a:hover {
    text-decoration: underline;
  }
  iframe {
    display: block;         
    margin: 20px auto;        
    border: 5px solid #653AF0;  
    border-radius: 8px;   
  }
h3 {
text-align: center;
color: #FFFFFF;
}
table {
border-collapse: collapse;
width: 50%;
margin: 20px auto;
color: #FFFFFF;
display: block;  
}
th, td {
border: 1px solid #ffffff;
padding: 8px 12px;
text-align: left;
}
footer  {
    display: block;
    width: 1000px;
    margin: 10px auto 0 auto;
    color: #F0493C;
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
}
table {
    margin: 0 auto;
    border-collapse: collapse; 
}