body {
  margin: 0;
  padding: 0;
}

select {
    width: 200px;
   }

h1 {
  font-size: 20px;
  font-style: oblique;
  font-family: sans-serif;
  color: #fff;
}

hr {
  margin: 0;
  padding: 0;
}

table  {
  border-collapse: collapse;
  overflow: scroll;
}
td, th {
  border:1px solid #ddd;
  padding:8px;
}

a:link {
  color: #0066d1;
}

a:visited {
  color: #0066d1;
}

.main {
  width: 100vw;
  display: flex;
  flex-direction: column;
}

.filter {
  width: 100%;
  height: 5vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.header {
  width: 100%;
  height: 7vh;
  background-color: #4f94dc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login {
  width: 100vw;
  height: 100vh;
  background-color: #4f94dc;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.login_input {
  width: 10vw;
  height: 30pt;
  border-radius: 50px;
  background-color: #fff;
  padding: 0pt 0pt 0pt 10pt;
  margin: 10pt auto;
  font-size: 15pt;
}

.login_bn {
  width: 50pt;
  height: 30pt;
  border-radius: 50px;
  background-color: #fff;
  padding: 0pt 0pt 0pt 0pt;
  margin:  10pt auto;
  font-size: 15pt;
}

.add_bn {
  width: 90pt;
  height: 25pt;
  border-radius: 50px;
  background-color: #4f94dc;
  color: #fff;
  padding: 0pt 0pt 0pt 0pt;
  margin:  10pt auto;
  font-size: 11pt;
}

.lk {
  width: 80%;
  height: 5vh;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.content_per {
  width: 100%;
  height: 50vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.content {
  width: 100%;
  height: 78vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.other_content {
  width: 100%;
  height: 28vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.other_articles {
  width: 95%;
  height: 100%;

}

.other_articles-t {
    width: 100%;
    width: 100%;
    height: 78%;
    border: solid 2px #000;
    overflow: auto;
}


.footer {
  width: 100%;
  height: 5vh;
  background-color: #4f94dc;
  display: flex;
}

.title {
}

.articles {
  width: 95%;
  height: 98%;
  border: solid 2px #000;
  overflow: auto;
}

.fill{
  width: 95%;
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  flex-direction: row;
}

.inp{
  width: 68%;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}

.inp_l{
  width: 25%;
}


.add_inp{
  width: 100%;
  font-size: 13px;
  margin: 0 0 0 2%;
}

.add_inp70{
  width: 70%;
  font-size: 13px;
  margin: 0 0 0 2%;
}

.add_inp30{
  width: 30%;
  font-size: 13px;
  margin: 0 0 0 2%;
}

.explanation{
  width: 35%;
  margin: 0 0 0 5%;
}

.p_explanation{
  font-size: 14px;
}

.dell {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  font-size: 13pt;
}