@font-face {
     font-family: Noto;
     src: url('https://americasdecline.neocities.org/fonts/NotoSerif-VariableFont_wdth,wght.ttf');
}
 @font-face {
     font-family: Archivo;
     src: url('https://americasdecline.neocities.org/fonts/Archivo-VariableFont_wdth,wght.ttf');
}
 @font-face {
     font-family: LibreBaskerville;
     src: url('https://americasdecline.neocities.org/fonts/BaskervvilleSC-Regular.ttf');
}
 @font-face {
     font-family: ArchivoNarrow;
     src: url('https://americasdecline.neocities.org/fonts/ArchivoNarrow-VariableFont_wght.ttf');
}
 body {
     background: #eeeeee url('https://americasdecline.neocities.org/aol/lyt-img/aol-shrine-bg.png');
     text-align: center;
     background-attachment: scroll;
     background-position: top;
     background-size: 100%;
     background-repeat: no-repeat;
     font-family: 'Archivo', 'Arial', sans-serif;
     font-size:1em;
     color:#000000;
     background-color:#eeeeee;
}
 .container {
     max-width: 900px;
     width:95%;
     height:auto;
     background-color:#0002ff;
     background-image: url('https://americasdecline.neocities.org/post-office/lyt/post-office-titlebar.jpg');
     background-size:100%;
     background-repeat: no-repeat;
     padding: 0;
     padding-top: 1.65%;
     margin: 0 auto;
     margin-top:8%;
     margin-bottom:5%;
     box-shadow: 4px 3px 8px 1px #000000;
     -webkit-box-shadow: 4px 3px 8px 1px #444444;
     display:flex;
     border:2px solid white;
}
 main {
     background: #28B3DE;
     background: linear-gradient(180deg,rgba(40, 179, 222, 1) 0%, rgba(0, 120, 246, 1) 100%);
     padding: 0 10px 0 10px;
     color:#000000;
     flex:60%;
     height:auto;
     overflow:auto;
     overflow-wrap: break-word;
     order: 2;
}
 main a {
     color:#2a445f;
     text-decoration:underline;
     font-weight:550;
     font-family: 'Archivo', 'Arial', sans-serif;
}
 main a:hover {
     color:#2a445f;
     text-decoration:none;
     font-weight:550;
     font-family: 'Archivo', 'Arial', sans-serif;
}
 .ml {
     width:48%;
     float:left;
     position:relative;
     margin-bottom:20px;
}
 .mr {
     width:48%;
     float:right;
     position:relative;
     clear:none;
     margin-bottom:20px;
}
 hr {
    color:black;
     margin-bottom:10px;
}
 .sidebar {
     font-family: 'Verdana', 'Arial', sans-serif;
     font-size:12px;
     text-align:left;
     background: #28B3DE;
     background: radial-gradient(circle,rgba(40, 179, 222, 1) 21%, rgba(0, 120, 246, 1) 51%, rgba(42, 68, 95, 1) 100%);
     height:auto;
     padding: 0px 10px 10px 10px;
     overflow-x:auto;
     overflow-y:auto;
     flex:12%;
     order: 1;
}
 .sidebar a, .sidebar a:link, .sidebar a:visited, .sidebar a:active {
     color: #99ccff;
     padding:2px;
     font-size: 10px;
     text-decoration:none;
     font-weight: bold;
     line-height:16px;
}
 .sidebar a:hover {
     color: #ffffff;
     padding:2px;
     font-size: 10px;
     text-decoration:none;
     font-weight: bold;
     line-height:16px;
}
 .rightsb {
     font-family: 'Verdana', 'Arial', sans-serif;
     font-size:12px;
     text-align:left;
     background: #28B3DE;
     background: linear-gradient(180deg,rgba(40, 179, 222, 1) 0%, rgba(0, 120, 246, 1) 100%);
     padding: 5px 7px 7px 0;
     overflow-y:hidden;
     overflow-x:hidden;
     flex:23%;
     order: 3;
}
 .rightsb a, .rightsb a:link, .rightsb a:visited, .rightsb a:active {
     color: #99ccff;
     padding:2px;
     font-size: 14px;
     text-decoration:none;
     font-weight: bold;
     line-height:16px;
}
 .rightsb a:hover {
     color: #ffffff;
     padding:2px;
     font-size: 14px;
     text-decoration:none;
     font-weight: bold;
     line-height:16px;
}
 p {
     margin-top:0px;
}
 .bigtext {
     font-family: 'ArchivoNarrow', 'Arial Narrow', 'Arial', sans-serif;
     color:#000000;
     font-size:24px;
     line-height:26px;
     margin-bottom:5px;
     margin-top:0px;
}
 .smalltext {
     font-family:'Verdana', 'Arial', sans-serif;
     font-size:8px;
}
 h1 {
     font-family: 'ArchivoNarrow', 'Arial Narrow', 'Arial', sans-serif;
     color: #ffffff;
     background: #CFC3C3;
     background: linear-gradient(to top, #CFC3C3 0%, #F6EAEA 71%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 34px;
     line-height:32px;
     font-weight:800;
     margin: 5px 0px 0px 0px;
     clear:both;
}
 h2 {
     font-family: 'LibreBaskerville', 'Baskerville', 'Georgia', 'Times', 'Times New Roman', serif;
     color: #2a445f;
     font-size: 20px;
     font-weight: 800;
     line-height:18px;
     margin-top:0px;
     margin-bottom:10px;
     clear:both;
}
 h3 {
     font-family: 'ArchivoNarrow', 'Arial Narrow', 'Arial', sans-serif;
     color: #ffffff;
     background: #28B3DE;
     background: radial-gradient(circle, rgba(40, 179, 222, 1) 21%, rgba(0, 120, 246, 1) 51%, rgba(42, 68, 95, 1) 100%);
     font-size: 20px;
     font-weight: 550;
     line-height:20px;
     margin-top:-5px;
     margin-bottom:5px;
     border-radius:15px;
     padding: 5px;
     clear:both;
}
 h4 {
     font-family: 'LibreBaskerville', 'Baskerville', 'Georgia', 'Times', 'Times New Roman', serif;
     color: #0078f6;
     font-size: 14px;
     font-weight: 550;
     text-transform:uppercase;
     letter-spacing:2px;
     background-color:#dfe1f0;
     padding:4px;
     padding-left:10px;
     text-align:center;
     margin-top:5px;
     margin-bottom: 10px;
     border-radius:15px;
     clear:both;
}
 u {
     text-decoration: underline;
     text-decoration-color: #2a445f;
     box-shadow: inset 0 0px 0 white, inset 0 -3px 0 #2a445f;
     color:#ffffff;
}
 b, strong {
     color: #ffffff;
     font-family: 'Archivo', 'Arial', sans-serif;
     font-weight:750;
}
 .red {
    color:#ae2920;
}
 em, italic {
     font-style: italic;
     color:#F6EAEA;
}
 .box {
     background-color: #ffffff;
     opacity:0.85;
     border: 1px solid #a28d68;
     border-radius:15px;
     padding: 5px;
     color:#444444;
     margin: 5px;
}
 .box a {
     color:#0078f6;
     text-decoration:underline;
     font-weight:550;
     padding:1px;
}
 .box a:hover {
     color:#0078f6;
     padding:1px;
     text-decoration:none;
}
 .box u {
     text-decoration: underline;
     text-decoration-color: #2a445f;
     box-shadow: inset 0 0px 0 white, inset 0 -3px 0 #2a445f;
     color:#2a445f;
}
 .box b, .box strong {
     color: #0078f6;
     font-family: 'Archivo', 'Arial', sans-serif;
     font-weight:750;
}
 .red {
    color:#ae2920;
}
 .box em, .box italic {
     font-style: italic;
     color:#2a445f;
}
 .nav2:hover {
     color: #ffffff;
     padding:2px;
     text-decoration:none;
     font-weight: bold;
     line-height:16px;
}
 #topnav:link, #topnav:visited, #topnav:active{
     background: #28B3DE;
     background: radial-gradient(circle, rgba(40, 179, 222, 1) 21%, rgba(0, 120, 246, 1) 51%, rgba(42, 68, 95, 1) 100%);
     color: #ffffff;
     text-decoration:none;
     font-weight: bold;

}
 #topnav:hover {
     color: #2a445f;
     text-decoration:none;
     font-weight: bold;
     padding:2px;
}
 img.bwh:hover {
     filter: none;
     -webkit-filter: grayscale(0);
    /* Webkit Nightlies & Chrome Canary */
}
 img.bwh {
     filter: url(filters.svg#grayscale);
    /* Firefox 3.5+ */
     filter: gray;
    /* IE5+ */
     -webkit-filter: grayscale(1);
}
 @media (max-width: 1000px) {
     .container {
         display:flex;
         flex-direction: column;
         margin:0px auto;
         margin-top:10%;
         width:90%;
         padding-top:2%;
         max-width:1000px;
    }
     main {
         flex:100%;
         order:2;
    }
     .ml, .mr {
         width:100%;
         margin:0px;
         margin-bottom:20px;
         display:block;
         order:2;
    }
     .sidebar {
         flex:100%;
         margin-left:0;
         order:6;
    }
     .rightsb {
         flex:100%;
         margin-right:0;
         order:6;
    }
     .starnav {
         display:none;
    }
}