@font-face{font-family:Times New Roman;src:url(/fonts/times.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Times New Roman;src:url("/fonts/times new roman.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Times New Roman;src:url("/fonts/times new roman bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Times New Roman;src:url("/fonts/times new roman italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Times New Roman;src:url("/fonts/times new roman bold italic.ttf") format("truetype");font-weight:700;font-style:italic}body{margin:0;padding:0;color:#222;background-color:#fafafa;font-family:Times New Roman,serif,Arial,Helvetica,sans-serif}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.inside-out-message,.outside-in-message{margin:10px 0 0 10px;font-size:.8em}.button{width:162px;margin:10px;padding:10px;background-color:#000;color:hsla(0,0%,100%,.87);border:1px solid hsla(0,0%,100%,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}}