#Header{width:100%;height:96px;background:#D9D9D9;margin:0}a{color:inherit}body{margin:0;min-height:100vh;flex-direction:column;padding:0;display:flex}#Title{color:#00000080;text-align:center;font-family:Patua One;font-size:40px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:24px 0}#introduction1{color:#00000080;text-align:center;font-family:Inter;font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin-top:60px}#introduction2{color:#00000080;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-align:center;margin-bottom:70px}#input{width:455px;height:342px;border-radius:25px;border:1px solid #000;background:#F1F1F1;margin:0 40px 0 auto;color:#00000080;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal}#input:focus{outline:none}#submit{width:146px;height:48px;flex-shrink:0;border-radius:25px;background:#6D6D6D;color:#fff;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal;border:none;margin:auto 0;cursor:pointer}#submit:hover{background:#4D4D4D}#output{width:455px;height:342px;border-radius:25px;border:1px solid #000;background:#F1F1F1;color:#00000080;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:1.8;justify-content:center;align-items:center;display:flex;flex-direction:column;margin:0 auto 0 40px}#footer{width:100%;height:100px;background:#D9D9D9;margin:0;align-items:center;display:flex;flex-direction:column;justify-content:center;bottom:0;position:absolute}#MAIN{margin-bottom:12rem}#content{display:flex}#copyright{color:#00000080;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-top:30px;margin-bottom:0}#github,#donate{color:#00000080;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}#links{display:flex;justify-content:space-evenly;width:200px;margin-top:10px}@media only screen and (max-width:1000px){#content{flex-direction:column;justify-content:center;align-items:center;flex:1;max-height:calc(100vh - 100px);overflow-y:auto}#input{margin-right:0;margin-bottom:40px;margin-left:0;width:350px}#output{margin-left:0;margin-top:40px;margin-right:0;width:350px}#footer{position:relative}#introduction1{margin-top:40px}#MAIN{margin-bottom:12.6rem}#introduction2{margin-bottom:40px}}
