header,section,footer,aside,nav,main,article,figure{display:block}*{box-sizing:border-box}body{margin:0;content:"";clear:both;font-size:1em;font-family:sans-serif}.container{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#fff;color:#333}#output{width:400px;height:400px;position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);font-size:10em;font-weight:100;display:table-cell;text-align:center;vertical-align:middle}#output p{font-size:5rem;height:100px;margin:25px 0 0 0;border-top:1px solid #333;padding-top:20px}#rec{position:relative;font-family:monospace;text-align:left;width:23%;float:right;height:auto;max-height:70%;font-size:2.2rem;overflow-y:scroll;overflow-x:hidden}button{position:relative;width:120px;display:inline-block;background:transparent;border-radius:50px;border-width:1px;border-color:cornflowerblue;color:cornflowerblue;border-style:solid;font-weight:100;font-size:2rem;padding:0 10px;cursor:pointer;left:82%;top:-50px}button:hover{transition:.3s;color:darkred;border-color:darkred}button:focus{outline:none}header{width:100%;height:100px;background:#333}header h1{color:#eee;text-align:center;padding:30px}h2{font-weight:100;text-align:left;width:50%;margin:5px auto}
/*# sourceMappingURL=main.css.map */