body {
    background-color: rgb(255, 255, 255);
    color: rgb(78, 13, 88);
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
}

#wrapper {
    width: min(1000px, calc(100% - 40px));
    margin: auto;
    position: relative;
    z-index: 1;
}

.container {
    background-color: rgb(249, 236, 255);
    border: 3px rgb(185, 102, 211) solid;
    border-radius: 8px;
    padding: 25px;
    margin-top: 30px;
    text-align: center;
    z-index: 1;
}

#navbar {
    background-color: rgb(249, 236, 255);
    border: 20px solid;
    border-image: url(https://file.garden/aAKcxdKQMThvFLlT/ebord.png) 50 / 20px / 17px round;
    padding: 25px;
    margin: 10px auto;
    border-radius: 8px;
    text-align: center;
    max-height: 100px;
    z-index: 1;
}

.header {
    background-color: rgb(249, 237, 255);
    border: 3px rgb(185, 102, 211) solid;
    width: min(900px, calc(100% - 30px));
    margin: auto;
    padding: 25px;
    margin: 10px auto;
    margin-bottom: 20px;
    color: rgb(49, 16, 58);
    border-radius: 8px;
    z-index: 1;
}
.header h1, .container h2, .container h3 {
    text-align: center;
}

.seperator {
    height: 0px;
    border: 1px rgb(164, 81, 189) solid;
    width: calc(100% - 50px);
    justify-self: center;
}

.examplebox {
    width: calc(100% - 100px);
    margin: 0 auto;
}

ul {
    list-style: none;
    margin-left: -30px;
}

.container img {
    height: 200px;
    border: 2px rgb(164, 81, 189) solid;
    border-radius: 8px;
}

.img {
    z-index: 10;
}

.divider {
    position: fixed;
    z-index: 999;
    top: -6px;
}

.dividerb {
    position: fixed;
    z-index: 999;
    bottom: -6px;
    rotate: 180deg;
}

.container, .navbar, .header {
    position: relative;
    z-index: 1;
}

a {
    color: rgb(78, 13, 88);
}

a:hover {
    color: rgb(106, 28, 118);
}

p em, p i {
    background: radial-gradient(circle,rgba(228, 162, 239, 0.75) 91%, rgba(249, 237, 255, 1) 98%);
    
}

@media screen and (max-width: 600px) {
    .container img {
        height: 160px;
    }
}