body {
    background: #181d18;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(231, 227, 225);
    line-height: 200%;
}

.header {
    width: 800px;
    height: 40vh;
    margin:auto;
    background-color: #181d18;
    border: rgb(231, 227, 225) 5px double;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}

.header img {
    width: 100%;
}

.text {
    display: flex;
    width: 810px;
    margin: auto;
}
.main {
    width: 630px;
    border: 2px rgb(231, 227, 225) solid;
    border-top: none;
    margin: 0;
    padding: 30px;
    text-align: justify;
    border-left: none;
    border-right: rgb(231, 227, 225) 5px double;
    border-bottom: rgb(231, 227, 225) 5px double;
    overflow:scroll;
    height: 45vh;
}

.side {
    width:210px;
    margin:0;
    border: 2px rgb(231, 227, 225) solid;
    border-top: none;
    border-left: rgb(231, 227, 225) 5px double;
    border-bottom: rgb(231, 227, 225) 5px double;
    overflow:scroll;
    height: calc(45vh + 60px);
}

.side img {
    width: 100%;
}



.main h1 {
    font-size: 23px;
}

.main li {
  margin-bottom: 20px;
}

.side ul {
    margin:0;
    padding:0;
}
.side li {
    list-style-type: none;
    border-bottom: 2px solid rgb(231, 227, 225);
    width: 100%;
    text-align:center;
    margin:0;
    margin-top:5px;
    padding-bottom: 5px;
}
.side a {
    width: 100%;
    text-align:center;
    text-decoration: none;
    color: rgb(231, 227, 225);
}

.side a:hover {
    font-style: italic;
    background: #000000a8;
}

.side li:last-child {
  border:none;
}


span {
    font-size: 110%;
    font-weight: bold;
}