body {
    margin: 0 0 0 0;
    background-image: url(stars-galaxy.gif);
    width: auto;
    height: auto;
    text-align: -webkit-center;
}
.content {
    box-sizing: border-box;
    border: 0px solid white;
}
.grid {
    width: 800px;
    border: #ffffff45 double 5px;
    box-shadow: #8ee3ff80 0px 0px 50px;
    background: linear-gradient(0deg, #430000e8 0%, #4d4a00e3 10%, #0e4e00e1 23%, #004e4be2 35%, #000358e1 62%, #3e0034e2 80%);
    display: inline-grid;
    column-gap: 10px;
    row-gap: 20px;
    grid-template-columns: minmax(auto) 1fr 3fr 1fr;
    grid-template-rows: minmax (100px 100px 100px);
    grid-template-areas: 
    'header header header'
    'footer footer footer'
    'main main main';
}
.page-header {
    grid-area: header;
}
.page-footer {
    grid-area: footer;
    height: auto;
}
.page-main {
    grid-area: main;
    height: 100px;
}
.bord {
    width: 20cm;
    border: #ffffff solid 0px;
}
.bord p {
    font-family: Yu Gothic Medium;
    font-size: 15px;
    color: #ffffff;
    text-shadow: #000000 1px 1px 2px, #000000 1px 1px 2px;
    padding: 5px;
    text-align: left;
}
h1 {
    color: #ffffff;
    font-size: 25px;
    text-align: left;
    margin-bottom: -15px;
    padding: 5px;
    background: linear-gradient(90deg,#00000066 13%, #00000000 79%);
}
.pagination {
    text-align: center;
    font-size: 15px;
}
.pagination a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
}
.pagination a.active {
color: #008cff;
}
h3 {
    font-size: 50px;
    color: #ffffff;
    text-shadow: #000000 2px 2px 10px, #000000 2px 2px 10px;
}
/*----- custom scrollbar ----- */
::-webkit-scrollbar{
    width: 15px;
}
::-webkit-scrollbar-track{
    background: #000000;
}
::-webkit-scrollbar-thumb{
    background: linear-gradient(0deg, #18282d 0%, #000000 100%);
    box-shadow: inset -1px -1px #000000, inset 1px 1px #1a3236, inset -2px -2px #002c32, inset 2px 2px #192c32;
}
::-webkit-scrollbar-corner {
    background: #202020;
}