body{
  /* height: 1000px; */
  background: #348ac7;
}
div{
  display: block;
  margin-left: auto;
  margin-right: auto;
width:45%;
  /* top: 45%; */
  /* left: 45%; */
  /* margin-right: -50%; */
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
text-align: center;
/* margin: 200px; */
/* margin-right:  30px; */
text-align:center;
color: white;
opacity: 0.8;
}

#result{
  font-family:Helvetica;
  color: white;
}
#button{
  border: 1px solid #74b9ff;
  border-radius: 4px;
  padding: 12px 20px;
  width:50%;
  margin-left:25%;
  margin-right:25%;
}
#button:hover {
  background-color: #81ecec;
}
#button:active{
  background-color: #74b9ff;
}
#txt, select{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


#article {
  all: revert;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5% 20% 0;
  color:white;
}


a { 
  color:yellow;
}