.micro-5-regular {
    font-family: "Micro 5", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.jersey-10-regular {
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
  margin: 0;
  background: #e7bdf8;
  overflow: hidden;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display:block;
  font-size: 18px;
  
}

* {
    scrollbar-color: #f896c8;
    box-sizing: border-box;
    font-family:  "Jersey 10";
}


.button{
    image-rendering: pixelated;
    font-size: 18px;
    font-family: inherit;
    font-weight: 250;
    margin:0;
    box-sizing: border-box;
    color:darkmagenta;
    background: #f4d9ff;/*linear-gradient(90deg, #e7bdf8 0%,  white 100%);*/
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid #e7bdf8;
    border-right: 2px solid #e7bdf8;


}

#indexNavigation button{
    /*width:100%;*/
}

.header {
    align-content: flex-start;
    font-size: 66px;
    font-weight: 900;
    margin-bottom: 32px;
    box-sizing: border-box;
    background-position: center;
    overflow: hidden;
    background-size: cover;
    font-family: "Micro 5";
    text-align: center;
    display: block;
}

.SelectionTitle{
    display:inline-block;
    margin: 1px 1px 5px 5px;
    font-size: 22px;
    color:#512e5f;
}


#indexGrid{
    display:grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: repeat(80, 50px);
    column-gap: 10px;
    row-gap: 25px;
}
.indexNavigation{

    grid-area: 1/1/3/1;
}

.indexBody{

    grid-area: 1/2/4/2;
}

.content{
    padding: 3px;
}

.para{
    font-size:16px;
    color:#512e5f;
}

.indexBlock{
    overflow: hidden;
    background: #e2e2e2;/*linear-gradient(180deg, #e7bdf8 50%, #e7bdf8 100%);*/
    box-shadow: 0 1px 1px 1px #512e5f;
    border:3px ridge white;
}

@media only screen and (max-width:1200px)
{
    .SelectionButtonsGroup{
        display: none;
    }

}

.SelectionButtonsGroup{
    float: right;
    margin-right: 5px;
    overflow: hidden;
    text-align: center;

}

.SelectionTab{
    text-align: left;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #512e5f;
    border-right: 1px solid #512e5f;
    padding:1px;
    overflow:hidden;
}

.SelectionButton {
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid #512e5f;
    border-right: 2px solid #512e5f;
    padding: 2px;
    line-height: 10px;
    font-family: "Jersey 10";
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #512e5f;
}