body {
    margin:0px;
}
#app {
    display:flex;
    flex-direction: column;
    gap:5em;
    align-items: center;
    width:100vw;
    margin: 0 auto;
}

.img-box {
    width:100%;
    aspect-ratio: 1 / 1;
    max-width: 1200px;
    overflow:hidden;
}
.posts {
    width:min-content;
    background-image:url('./images/newspaper-texture.jpg');
    background-size:cover;
    color:black;
    font-family: 'VT323', monospace;
    position: relative;
    overflow:hidden;
    max-width:1170px;
    display: flex;
    padding: 3rem 5rem;
    margin:0 auto;
    height:92%;
}

.content {
    width: 582px;
    display: flex;
    flex-direction: column;
}

.heading-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:4rem;
    opacity:.85;
  }

.heading-box p, .heading-box h1 {
margin-top:0rem;
margin-bottom:.5rem;
font-size:38px;
}

.heading-box h1 {
    font-size: 90px;
    font-weight:400;
}

.heading-box > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.footer-box {
    display: flex;
    justify-content: space-between;
    height:5rem;
    position: relative;
    margin-top: auto;
    margin-bottom: 1rem;
}

.albums h3 {
    z-index:3;
    position: relative;
    margin-bottom: 2rem;
    margin-top:2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    opacity: .8;
    transform: scaleY(1.2);
    font-size:36px;
    text-align: justify;
}

.albums {
    margin-bottom: 4rem;
}

.posts:before {
    content: url('./images/ripped-paper-txt-1.png');
    position: absolute;
    top: -18px;
    left: 108px;
    transform: rotate(180deg);
    mix-blend-mode: lighten;
    width: 100%;
    z-index: 11;
}

.posts:after {
    content: url('./images/ripped-paper-txt-1.png');
    position: absolute;
    bottom: -26px;
    left: -263px;
    mix-blend-mode: lighten;
    width: 100%;
    z-index: 11;
}

.nmw-logo {
    width:auto;
    height:100%;
    z-index:3;
    opacity:.88
}

.barcode {
    mix-blend-mode: multiply;
    opacity: .88;
}

.albums h3:first-of-type {
    margin-top:0rem;
}
.div-bg {
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
}

.footer-box::after {
    content: '';
aspect-ratio: 1 / 1;
height: 100%;
background-color: transparent;
z-index: 9;
position: absolute;
right: 0%;
bottom: 0%;
border: 4px solid black;
opacity: .88;
border-radius: 50%;
  }