.centering {
  display: grid;
 place-items: center;
  height: 0x;  
}

.ascii-art {
    font-family: monospace;
    white-space: pre;
    color: white;
    display: inline-block;
}
 badges {
float: right;
}
@font-face {
   font-family: 'KiwiSoda';
    src: url('fonts/Kiwisoda.ttf');     
}

h3 {
    font-family: KiwiSoda;
    color: #f587af; 
    font-size: 25px;
}

.container {
    align-content: center;
    max-width: 1250px;
    margin: 75px auto;
    grid-gap: 0px;
    column-gap: 15px;
    display: grid;
    grid-template-columns: 200px minmax(1,2fr) minmax(0,.5fr);
    background-color: black;
    border: 5px black outset;
    border-radius: 9px;
}

body {
    background-color: lightpink;
    background-image: url('https://i.postimg.cc/XXh0t8Q1/pinkfallingstars.gif');
    background-repeat: repeat;
    background-attachment: fixed;
}

sidebar1-content, main-content, sidebar1-content2 {
    display: grid;
    z-index: 1;
    align-content: center;
    overflow-wrap: break-word; 
    background-color: white;
    border-radius: 8px;
    padding: 8px;
    margin: 5px;
    border: 3px black inset;
}

sidebar1, main, sidebar2 {
    background-color: lightgrey; 
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    overflow-wrap: break-word;   
    z-index: 0;
}

header, footer{
    background-color: black;
    background-image: linear-gradient(to bottom, black, grey);
    padding: 10px 0px;
}

header {
    grid-row: 1/2 ;
    grid-column:1/4 ;
    margin-top: 3px;
}

nav {
    grid-row:2/3;
    grid-column: 1/4 ;
    background-color: grey;
}

nav ul {
    list-style-type: none;
    margin: 0px;
    padding:0px;
    overflow: hidden;
}

nav ul li {
    float: left;
}

ul li a {
    align-content: center;
    text-decoration: none;
    padding-left: 15px;
}

nav img:hover {
opacity: .5;
}

sidebar1, sidebar1-content,sidebar1-content2 {
    grid-row: 3/4 ;
    grid-column:1/2;
    height: max-content;
}

sidebar1-content ul {
    list-style-image: url('sqpurple.gif');
    padding:5px ;
    margin : 10px;
}
sidebar1-content li {
    list-style-image: url('https://i.postimg.cc/QCPsHTzL/triagle%20buttletpoint.gif');
}
sidebar1-content1, sidebar1-content2{
    height: max-content;
}

main, main-content {
    grid-row:3/4 ;
    grid-column: 2/3;
}

sidebar2, sidebar2-content{
    grid-row:  3/4 ;
    grid-column: 3/4;
}

footer {
    grid-row: 5/6 ;
    grid-column:1/4  ;
}