@font-face {
    font-family: "Barbara";
    src: url("fonts/BarbaraPersonalUseRegular-K73r7.ttf");
}

@font-face {
    font-family: "oldNewspaper";
    src: url("fonts/Oldnewspapertypes-449D.ttf");
}

@font-face{
  font-family: "magazine";
  src: url("fonts/MagazineLetterByBrntlbrnl-Regular.ttf")
}

body{
    background-color: #F3DFC1;
    color: black;

    height: 100%;

    font-family: oldNewspaper;
}

#Header{
    padding-bottom: 10px;
    text-align: center;

    font-family: "magazine";

    border-bottom: solid black;
    width: 100%;
}

#content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: solid 40px;

    width: 99%;
    height: auto;

    text-align: center;

    padding: 10px;
}

.post{
    height: 700px;

    text-align: center;

    font-family: "oldNewspaper";

    margin: 0 auto;
    position: relative;

    width: auto;
}

#left{
    height: 100%;
}

#middle{
    height: 100%;
}

#right{
    width: 400px;
    top: 20px;
}

.postFooter{
    border-top-style: solid;
    border-top-color: black;

    padding: 10px;
}

.tag{
    float: right;
}

.date{
    float: left;
}

#sections{
	border: medium none #1A1C1A;
	padding: 10px;
}

#sections>h3{
    background-color: #1A1C1A;
    color: #F3DFC1;

    padding: 2px;
}

#links{
    border-top: solid #1A1C1A;
}

#footer{
    border-top: solid black;
    height: 50px;
    bottom: 0px;
    padding: 10px;
}

#footer>p{
    width: 200px;
    position: relative;
}

#footerRight{
    float: right;
}

img{
    float: right;
}