body {
  background-color: white;
  color: black;
}

.text-container {
background-color: transparent;
 width: 550px;
  height: 590px;
  margin: auto;
}
.box {
background: #B2AAC3;
  position: absolute;
  height: 300px;
  width: 365px;
  z-index: 3;
  margin-left: 10px;
  margin-top: 190px;
  float: left;
  border-radius: 25px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 3px;
  text-align: justify;
  justify-content: space-evenly;
  
  
}
.marquee {
			display: flex ;
			overflow: hidden ;
			white-space: nowrap ;
			width: 340px;
		}
		.marqueee {
			animation-duration: 4s ;
			animation-iteration-count: infinite ;
			animation-name: marquee-content ;
			animation-timing-function: linear ;
      font-family: 'm';
      margin-top: 12px;
		}
		.marquee:hover .marqueee {
			animation-play-state: paused ;
		}

		@keyframes marquee-content {
			from {
				transform: translateX( 0% );
			}
			to {
				transform: translateX( -100% );
			}
		}

.scroll {
  background: transparent;
   height: 100px;
  width: 330px;
  overflow: auto;
  font-family: 'm';
    margin-left: 10px;
  margin-right: 10px;
  text-align: justify;
  justify-content: space-evenly;
  line-height: 18px;
  scrollbar-color: transparent transparent;
  
}

@font-face {
  font-family: 'm';
  src: url('https://file.garden/ZtBiN_PK_QLwMwrS/MS%20Gothic%20Regular.ttf');
}

@font-face {
font-family: 'r';
  src: url('https://files.catbox.moe/0u8u6s.TTF')
}

p, b, center {
  font-family: 'm';
  color: #020613;
  line-height: px;
}

h1 {
font-family: 'r';
  letter-spacing: 4px;
  color: #393226;
}

a {
font-family: 'm';
 color: #2B3E7C;
   text-decoration: underline;
}

.publish-timestamp, .edit-timestamp,  .site-footer, #theme-toggle, .site-header {
  display:none;
}

main {
  width: 550px;
  margin: auto;
  font-family: 'm';
}

.edit {
  background: white;
}

.edit:hover {
  background-color: grey;
  color: white;
}