* {
    box-sizing: border-box;
}

@font-face {
    font-family: "Battlenet";
    src: url(battlenet.ttf);
}

html{
    font-family: "Battlenet";
}

h2{
    display: block;
    color: #FB9950;
    margin: 0px;
    padding: 5px 0px;
    font-size: larger;
    font-weight: normal;
}

ul{
    margin: 5px 0px;
    padding: 0px 10px;
}

li{
    list-style: none;
}

a{
    text-decoration: none;
    color: #FB9950;
    font-size: large;
}

a:hover{
    text-decoration: underline;
    color: #D5713F;
}

img{
    width: 70%;
    position: relative;
    left: 15%;
    bottom: 1%;
}

.BlogHeader{
    background-color: #000000;
    display: flex;
}

.BlogHeader p{
    margin: 5px 0px 0px;
    font-size: large;
    padding: 0px 10px;
    color: #512D1E;
}

.BlogDivider{
    background-color: #000000;
    display: flex;
    margin-left: 15%;
    max-width: 400px;
    border: 1px solid #905437;
}

.BlogDivider p{
    margin: 5px 0px 0px;
    font-size: large;
    padding: 0px 10px;
    color: #512D1E;
}

.Box{
    display: grid;
    row-gap: 10px;
    margin-right: 10px;
}

.Blog{
    background-color: #2A170D;
    border: 1px solid #905437;
    max-width: 600px;
    margin: 10px;
}

.Text p{
    padding: 0px 10px;
    color: #C58868;
}