NT Annoucement autumn

by Kofod

HTML

<div class="layout">
  <img src="https://i.ibb.co/XZdSZ9pK/Intro-Herobrine-Laughing-Jack-Slenderman-Eyeless-jack-Jeff-the-killer-Ben-drowned-3.png" alt="Layout">

  <div class="textbox">
    <h2>Team announcement: We’re Back!</h2>
    The team has been extinct since June 2023, however we are beyond excited to announce that NewsTeam is officially back! Are you ready?!
    <br><br>
    You might have noticed that the Daily News article has been active for a while prior to this. So let us tell you a little story of how the new NewsTeam came to be.
    It was some very sad news that was announced on June 25th, 2023 when the old NewsTeam declared that they would shut down. Half a year later one of the old members started to miss making articles and the whole work that used to be around NewsTeam, so they got permission to do some freelance work on the Daily News article.
    There was a lot of work with the articles, so they were few and mainly consisted of Event Overviews. However one day the freelance member decided to give magazines a go again, so they gathered a small collection of users who wanted to help out.
    By early August 2025, that small collection officially became a team. Since then, we’ve been working quietly behind the scenes, preparing for this very moment - the release of our first official magazine as a team!
    <br><br>
    To celebrate our re-launch, we’re currently preparing something extra special:
    A huge interactive game for everyone to enjoy!
    <br><br>
    For now, continue to read on to see what we've got for you now. And keep an eye out for a new frontpage article!
    We can’t wait to share what we’ve been working on, and we’re thrilled to be a bigger part of the VirtualPopstar teams again.
    <br><br>
    <strong>The Team:</strong>
    <ul>
      <li>Enbette</li>
      <li>Sadbread</li>
      <li>Elisia</li>
      <li>Olympus</li>
      <li>Kofod</li>
    </ul>

    <h3>Want to Join Us?</h3>
    Once...

CSS

.layout {
    position: relative;
    width: 688px;         
    background: #1f2041;
    border: 3px solid #4b3f72;
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
    font-family: "Segoe UI", Arial, sans-serif;
  }
  .layout img {
    width: 100%;
    display: block;
  }

 .textbox {
    position: absolute;
    left: 80px;
    top: 163px;
    width: 500px;   
    height: 260px;                     
    color: #fff;                               
    padding: 16px 18px;
    line-height: 1.35;
    overflow: auto;
    backdrop-filter: blur(2px);
  }

  .textbox h2 {
    margin: 0 0 8px;
    font-size: 20px;
    color: #ffc857;
    letter-spacing: .3px;
  }
  .textbox h3 {
    margin: 12px 0 6px;
    font-size: 16px;
    color: #ffe08f;
  }
  .textbox b, .textbox strong {
    color: #ffe08f;
  }
  .textbox p { margin: 0 0 8px; }

  .textbox ul {
    margin: 6px 0 10px;
    padding-left: 18px;
  }
  .textbox li {
    margin: 2px 0;
  }

  .textbox::-webkit-scrollbar { width: 10px; }
  .textbox::-webkit-scrollbar-track { background: rgba(31,32,65,0.35); }
  .textbox::-webkit-scrollbar-thumb { background: #119da4; border-radius: 8px; }
  .textbox::-webkit-scrollbar-thumb:hover { background: #19647e; }

  .textbox { scrollbar-color: #119da4 rgba(31,32,65,0.35); scrollbar-width: thin; }