body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120vh;background:#B58234;background-image:linear-gradient(to right, #31B7D7 0%, #fff 50%, #4FB4E8 80%);color:#000;font-size:1.5rem}body header h1{text-align:center;font-size:2.3rem;color:#212121}body main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}body main button{min-height:25px;min-width:70px;border-width:0px;padding:15px;background:#4FB4E8;color:#fff;font-weight:bold;border-radius:5px;font-size:1.3rem;margin-top:20px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.32),0 3px 6px rgba(0,0,0,0.64);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.32),0 3px 6px rgba(0,0,0,0.64);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.32),0 3px 6px rgba(0,0,0,0.64);-o-box-shadow:0 3px 6px rgba(0,0,0,0.32),0 3px 6px rgba(0,0,0,0.64);box-shadow:0 3px 6px rgba(0,0,0,0.32),0 3px 6px rgba(0,0,0,0.64)}body main section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}body main section article{text-align:center;font-weight:bold;background-color:#ffffff;border:2px solid black;min-width:80%;min-height:3rem}body main section input{text-align:center;font-weight:bold;background-color:#ffffff;border:2px solid black;min-width:80%;min-height:3rem}#infoArticle{text-align:left;max-width:500px;max-height:500px;padding:15px 20px;overflow:scroll}