@font-face {
  font-family: PhageRough;
  src: url("PhageRough.otf");
}

body {
  font-family: PhageRough;
  color:#ffffff;
  background-image: url("images/web.parts/bg2.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin:0;
}

h1 {
  color:#ffffff;
  font-family:PhageRough;
  text-align:center;
}

#outer {
  background-image:url("images/web.parts/bg1.png");
  background-repeat:no-repeat;
  background-size: cover;
  margin:1vh 5vh 0 5vh;
  padding:1%;
  box-sizing:border-box;
  border-radius:1vh;
}

#flex {
  display:flex;
  gap:8%;
}

#postnews {
}

#postnews input, textarea {
  background-color:#2b2b2b;
  border-width:0.1vh;
  border-color:#ffffff;
  color:#ffffff;
  margin-bottom:1vh;
  min-height:4vh;
  min-width:30vw;
}

#getnews {
  font-family:arial;
  background-color:#2b2b2b;
  padding:1%;
}

table {
  width:100%;
  text-align:center;
  border-collapse:collapse;
}

td {
  border-right: 0.1vh solid #ffffff;
}

#line {
  border-bottom: 0.1vh solid #ffffff;
}

#uploadedimage {
  width:20%;
  padding:1%;
  border-radius:2vh;  
}

#filelist {
  background-color:#2b2b2b;
  padding:1%;
  width:30vw;
  max-height:10vh;
  border-radius:2vh;
  overflow-y: scroll;
  
}