body {
    background-image: url(img/bok.jpg);
    background-size: 20%;
    font-family:'Courier New', monospace;
    text-align: center;
    font-size: 20px;
    color:rgb(55, 42, 41);
    padding: 0%;
    
}

h1 {
    background-color: #9d9d9d95;
    font-family: 'ForestSmooth-Regular';
    font-size: 80px;
    margin: 2px;
    color: 	#7d5f2fc0;
    opacity: 0.9;
}

header p {
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.history p {
    font-family: 'Indico';
    color: #7b7576;
    background-color: #9d9d9d95;
}

.history b {
    color: #5e8265ed;
}

.f {
    background-color: #ececec;
    margin-left: 20%;
    margin-right: 20%;
}

h2, h3, h4 {
    background-color: #9d9d9d95;
    font-family: 'Indico';
}

.a {
    display: flex;
    justify-content: center;
    text-align: center;
}

.example {
    display: flex;
    justify-content: center;
    text-align: center; 
}

.example2 {
    display: flex;
    justify-content: center;
    text-align: center; 
}

@font-face {
    font-family: 'ForestSmooth-Regular';
    src: url(font-family/ForestSmooth-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Indico';
    src: url(font-family/Indico.otf) format('truetype');
}