@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Jacquard+24&family=Jim+Nightshade&display=swap");

.jacquard-24-regular {
    font-family: "Jacquard 24", system-ui;
    font-weight: 400;
    font-style: normal;
}

.cormorant-garamond {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.jim-nightshade-regular {
    font-family: "Jim Nightshade", cursive;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Cormorant Garamond";
    background-color: rgb(8, 6, 4);
    background-image: url(../images/interface/noisebackground.gif);
    background-blend-mode: multiply;
}

.feed {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

h1,
h2,
h3,
h4 {
    font-family: "Jacquard 24";
    margin: 0.6rem 1rem;
    color: rgb(24, 23, 22);
    text-align: center;
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 1.8rem
}

h3 {
    font-size: 1.25rem
}

h4 {
    font-size: 1.2rem
}

p {
    margin: 0.4rem 1rem;
    color: rgb(28, 27, 26);
}

.date {
    font-family: "Jim Nightshade";
    font-size: 0.75rem;
    margin: 0 1rem;
}

hr {
    border: none;
    height: 2px;
    background-color: rgb(22, 21, 20);
    margin: 0.4rem 1rem;
}

@media (orientation: portrait) {
.paper {
    background-color: lightblue;
    background-image: url(../images/interface/newspaper.jpg);
    width: 95%;
    height: auto;
  }
}

@media (orientation: landscape) {
.paper {
    background-color: lightgreen; 
    background-image: url(../images/interface/newspaper.jpg);
    width: 40%;
    height: auto;
  }
}

/*
.paper {
    background-image: url(../images/interface/newspaper.jpg);
    width: 60%;
    height: auto;
}
*/

.news {
    /*border: 2px solid rgb(22, 21, 20);*/
    margin: 2.5vw 3vw;
    /*
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    */
}

.verticalnews {
    column-count: 2;
    column-gap: 0.5rem;   
}

section {
  break-inside: avoid; /* modern name */
  page-break-inside: avoid; /* old name, still used for print compatibility */
}

.ad {
    border: 2px solid rgb(22, 21, 20);
}

.inlineheading {
    font-family: "Jacquard 24";
    color: rgb(24, 23, 22);
}

.cursive {
    font-family: "Jim Nightshade";
    color: rgb(24, 23, 22); 
    margin: 0 0.15rem 0;
}

.para {
    text-indent: 0.75rem;
    text-align: justify;
    text-justify: inter-word;
}

.phead {
    text-align: center;
}

a:link,
a:visited,
a:hover {
  color: rgba(0, 0, 0);
}