body {
               background-color: "black";
               }
          
       /* Decorative border */
       .border{
           position:fixed;
           inset:0;                 /* fills the whole viewport */
           pointer-events:none;     /* doesn't block clicking */
           border:10px solid transparent;


           border-image:linear-gradient(
               90deg,
               #e2b4b2,
               #eecbcb,
               #f0dcd9,
               #f2e9e7,
               #efe2e2,
               #f2e7e7,
               #f2e9e7,
               #f0dcd9,
               #eecdcb,
               #e2b2b2
           ) 1;


           z-index:9999;
       border-width:clamp(5px, 2vw, 20px);


       }


               .WH {
               color: #278127;
               font-size: 500%;
               text-align: center;
       margin:5% 0 5% 0;
               }
          
       .se{
           text-align:center;
       }


               .sch a{
           color:red;
           font-size:250%;
           font-weight:bold;
           font-style:italic;
           text-decoration:none;
       }


               .sup a{
           color:teal;
           font-size:125%;
           font-weight:semi-bold;
           font-style:underlined;
           text-decoration:none;
       }


       s {
               color: black;
               text-decoration: none;
               }
          
       .dar{
           display:flex;
           align-items:flex-start;
           justify-content:center;
           gap:10px;
           margin:5%;
       }


       .dar img{
           width:100%;
           height:auto;
           border:4px solid #E2DDB2;
       margin: 5%;
       }


.layout{
   display:grid;
   grid-template-columns:300px minmax(0, 1fr) 300px;
   gap:30px;
   padding:40px;
   box-sizing:border-box;
   min-height:100vh;
   align-items:stretch;
}


.board{
   color:white;
   border:4px solid #E2DDB2;
   padding:15px;
   background:#111;
   box-sizing:border-box;


   min-height:calc(100vh - 80px);
}


.leftBoard img{
   width:80%;
   max-width:80%;
   height:auto;
   aspect-ratio:1 / 1;
   object-fit:cover;
}


.rightBoard {
   background-image: url('https://codehs.com/uploads/64246859e9a9f715c3ed7e7826bc18f7');
}


.rightBoard img{
   width:100%;
   max-width:500px;
   height:auto;
   aspect-ratio:16 / 9;
   object-fit:cover;
}


.content{
   min-width:0;
}

.wwp img{
  width:100%;
  max-width:400px;
  height:auto;
  max-height: 300px;
}

.ww{
   color:white;
   background:#5c5a5ac0;
   padding: 6px;
}


.ww p {
   margin-top: -10px;
}


.apc {
display: block;
margin-left: auto;
margin-right: auto;
}


.apc img {
width: 100%;
height: auto;
}


@media (max-width:1045px){


   .layout{
       grid-template-columns:1fr;
   }


   .leftBoard{
       order:2;
   }


   .content{
       order:1;
   }


   .rightBoard{
       order:3;
   }




   .board{
       min-height:auto;
   }


}


html, body {
  
   background-image: linear-gradient(#f59d8b7c), url("https://codehs.com/uploads/08df0a6da8ef6f7ea96ae6008c06b20b") !important;
   background-size: 125px;
   background-repeat: repeat;
}         


.links{
   width: 100%;
   display:block;
   flex-direction:;
   align-items:center;
   gap:15px;


   margin-top:15px;
   margin-left: 5%;
   margin-right: 15px;
}
.links img{
   min-width: 88;
   width: 110%;
   max-width: 150px;
}
.links h2{
   width: 90%;
   text-align: center;
}


               .lnks h3{
           color:#5fc75b;
           font-size:200%;
           font-weight:semi-bold;
           font-style:underlined;
           text-decoration:none;
       margin-bottom: -5px;
       }


.lnks a{
   color:#E2DDB2;


   background:#fde9e9;


   border:3px solid #E2DDB2;
   padding:10px 25px;


   width:250px;


   text-align:center;


   font-size:150%;
   font-weight:bold;


   text-decoration:none;


   transition:0.2s;
}


.links a:hover{
   color:black;
   background:#e2ddb28c;
}


aside {
   margin-top: 50px;
}
main {
   margin-top: 20px;
}


.sl{
   text-align: center;
   margin-left: -30px;
  
}


.sl img{
   aspect-ratio: 88/31;
   width:90% ;
   max-width:;
   min-width:88px;
   height:auto;
   min-height: 31px;
}