@import url('https://fonts.googleapis.com/css?family=Cherry Bomb One|Itim|Dongle|Silkscreen|');

         /****** body ******/
         body {
             background-color: #ffffff;
             color: #4A4446;
             font-family: 'Itim';
             font-size: 20px;
             padding: 0px;
             overflow: auto;
             overflow-y: auto;
             overflow-x: hidden;
             cursor: url(https://somniumsaturnia.neocities.org/pxls/Curs01.png), default;
             margin: 0;



         }

         /****** links ******/
         a {
             font-family: 'Itim';
             font-size: 20px;
             text-decoration: none;
             color: #f0bc00;
             transition: 0.3s;
             font-weight: bold;
             text-shadow: -1px 0 #864aca, 0 1px #864aca, 1px 0 #864aca, 0 -1px #864aca;



         }

         a:hover {
             cursor: url(https://somniumsaturnia.neocities.org/pxls/Curs02.png), default;
             transition: 0.3s;
             color: #864aca;
         }



         .ect {
             color: #864aca;
             font-family: 'Cherry Bomb One';
             font-size: 20px;


         }

         .container {
             display: grid;
             grid-template-columns: 400px 400px;
             grid-template-rows: 586px 300px 200px;
             width: 810px;
             height: 1200px;
             padding: 5px;
             gap: 8px 8px;
             grid-auto-flow: row dense;
             grid-template-areas:
                 "IMG INFO"
                 "STATS SHIPS"
                 "GALLERY GALLERY";
         }

         header {
             text-align: center;
             color: #864aca;
             font-family: "Cherry Bomb One";
             font-size: 25px;
             padding: 0px;
             margin-bottom: 0px;

         }

         h1 {
             text-align: left;
             color: #864aca;
             font-family: "Cherry Bomb One";
             font-size: 20px;
             padding: 0px;
             margin-bottom: 0px;
             margin-top: -5px;
         }

         h2 {
             text-align: right;
             color: #864aca;
             font-family: "Cherry Bomb One";
             font-size: 20px;
             padding: 0px;
             margin-bottom: 0px;
             margin-top: -15px;
         }

         ul.menuR {
             list-style: none;
             padding: 0;
             margin: 0;
             color: #4A4446;
             text-align: right;
         }

         ul.menuR li {
             display: flex;
             justify-content: flex-end;
             align-items: center;
             margin-bottom: 6px;
             font-family: 'Itim';
             font-size: 16px;
         }

         ul.menuR li::before {
             content: '';
             width: 16px;
             height: 16px;
             background-image: url('https://somniumsaturnia.neocities.org/pxls/980f.gif');
             background-size: contain;
             background-repeat: no-repeat;
             flex-shrink: 0;
         }

         ul.menuL {
             list-style: none;
             padding: 0;
             margin: 0;
             color: #4A4446;
             text-align: left;
         }

         ul.menuL li {
             display: flex;
             align-items: center;
             margin-bottom: 6px;
             font-family: 'Itim';
             font-size: 16px;
         }

         ul.menuL li::before {
             content: '';
             width: 16px;
             height: 16px;
             background-image: url('https://somniumsaturnia.neocities.org/pxls/980f.gif');
             background-size: contain;
             background-repeat: no-repeat;
             flex-shrink: 0;
         }

         ul.quirksList {
             list-style: none;
             padding: 0;
             margin: 0;
             color: #4A4446;
             text-align: left;
         }

         ul.quirksList li {
             display: flex;
             align-items: center;
             margin-bottom: 6px;
             font-family: 'Itim';
             font-size: 16px;
         }

         ul.quirksList li::before {
             content: '';
             width: 14px;
             height: 15px;
             background-image: url('https://heathersaturnia.neocities.org/pxls/bstarsm.gif');
             background-size: contain;
             background-repeat: no-repeat;
             margin-right: 8px;
             flex-shrink: 0;
         }









         .IMG {
             grid-area: IMG;

             border: 2px solid #864aca;
             border-radius: 8px;

         }

         .IMG img {
             width: 75%;
             display: inline-block;
             height: auto;
             text-align: center;
             top: 25px;
             position: relative;







         }

         .INFO {
             grid-area: INFO;
             border-radius: 8px;
             border: 2px solid #864aca;
             top: 5px;
             padding: 5px;

         }

         .STATS {
             grid-area: STATS;
             text-align: left;
             line-height: 150%;
             border: 2px solid #864aca;
             border-radius: 8px;
             padding: 5px;
             color: #4A4446;
             font-family: 'Itim';
             font-size: 19px;
         }

         .SHIPS {
             grid-area: SHIPS;
             border-radius: 8px;
             border: 2px solid #864aca;
             line-height: 130%;
             padding: 5px;
             color: #4A4446;
             font-family: 'Itim';
             font-size: 19px;
         
         }

         .GALLERY {
             grid-area: GALLERY;
            
             padding: 5px;

         }