* {
  box-sizing: border-box;
}

body {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size:18px;
    line-height:18px;
    margin:auto;
    margin-top:25px;
    margin-bottom:15px;
    background-repeat: repeat;
    background-image: url('https://decahedron.eu/assets/bgnew.gif');
}

h1 {
    margin:0;
    padding:15px;
    color: #d86dff;
    filter:drop-shadow(0px 0px 10px #8f26ffad);
    transition: 0.5s color;
}

h1:hover {
    color: #a754ff;
}

h2 {
    color:#ff99ff;
}

a {
    color:#ac30ff;
    text-decoration: underline dotted;
    transition:0.2s color;
}

a:hover {
    color:#d890ff;
}


p {
    margin-bottom:9px;
    margin-top:9px;
}

strong {
    color:#d87bff;
}

.pagecontainer {
    margin:auto;
    max-width:76%;
    background:linear-gradient(0deg, #20005ac6 0%, #610077c6 100%);
    color:#fac9ff;
    padding:16px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    backdrop-filter: blur(15px);
    z-index:2;
}

.credit {
    color:#cc80ff85;
    position: relative;
    bottom: 0px;
    text-align: center;
    width: 100%;
    left:0;
}

.navbar {
    max-width:76%;
    margin:auto;
    background:linear-gradient(90deg, #f096ed 0%, rgb(181, 156, 255) 100%);
    padding:10px;
    text-align: center;
    font-size: 20px;
    line-height:20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.navbar>a {
    color:#7a15cd;
    transition:color 0.2s;
}

.navbar>a:hover {
    color:#ac22de;
}

hr {
    border-color:#d781ed5e;
}

/* */


.topshowcase {
    width:80%;
    height:130px;
    margin:auto;
    gap:9px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:7px;
    margin-bottom:7px;
}

.topshowcase>img {
    width:370px;
    height:130px;
    object-fit: cover;
}

/* */

table, th, td { /* table class */
    border: 1px solid #b47cf0;
    border-collapse: collapse;
    padding:8px;
}

th {
    background-color: #7e2ce83a;
    color:#b068ec;
}