@font-face{
    font-family: 'lastday';
    src: url('/Last Day On Earth.ttf') format('truetype');
  }

 @font-face{
    font-family: 'inter';
    src: url('/inter.ttf') format('truetype');
  }
  
body {
  background-image: url('ss112.jpg');
  background-repeat: repeat;
  color: black;
  font-family: Verdana;
}

h1 {
  font-family: 'lastday', sans-serif;
  color: whitesmoke;
  opacity: 25%;
  font-size: 72pt;
  letter-spacing: 0.7rem;
}

.main-container{
    display: flex;
    flex-direction: column;
}
.new-title-container{
  display: flex;
  
}
.main-header{
  text-align: center;
}

.news-header{
  display: flex;
  flex-direction: row;
  color:white;
  font-family: 'inter', sans-serif;
  justify-content: space-around;
  margin-top: 25px;
  margin-block: 15px;
}

.text-container{
  background-image: url('Matrixcode.gif');
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  margin-left: 4rem;
  width: 400px;
  height: 1100px;
  border: groove;
}

.icon-bar{
  width: 100%;
  height: 100px;
  text-align: center;
  padding: 10px;
}

.news-area > p{
  margin-left: 15px;
}

.large-container{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2250px;
  height: 1100px;
  border: groove;
}

.large-inner-container{
  width: 2000px;
  height: 1000px;
}

.right-container{
  background-image: url('Matrixcode.gif');
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 1100px;
  border: groove;
}

.content-container{
  display: flex;
  flex-direction: row;
}

.news-iframe{
   background: linear-gradient(45deg, #000000b5, #000000b5);
  padding: 3rem;
  color: white;
}