@font-face{font-family:Cal Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/CalSans-SemiBold-d3e38c94.woff2) format("woff2"),url(/assets/CalSans-SemiBold-c8c75bb7.woff) format("woff"),url(/assets/CalSans-SemiBold-ed3461b0.ttf) format("truetype")}*{padding:0;margin:0;box-sizing:border-box;font-weight:700;font-family:Cal Sans}body{display:flex;justify-content:center;align-items:center;height:100vh}#root{display:flex;flex-direction:column;width:70%;background-color:#fff;border:1px solid #d2d2d2;box-shadow:0 0 10px #0003;border-radius:10px}.wrapper{display:flex;width:100%;background-color:#fff;border:1px solid #d2d2d2;box-shadow:0 0 10px #0003;border-radius:10px}.left,.right{display:flex;flex-direction:column;width:50%}.bottom-buttons{display:flex;justify-content:space-around}.top-buttons{display:flex;justify-content:flex-start}h1{display:flex;justify-content:center;font-size:3rem;padding:1rem;text-shadow:2px 2px 4px #777676}textarea{width:100%;height:15rem;resize:none;border:.5px solid rgb(219,219,219);padding:1rem;font-size:1rem}p{width:100%;height:15rem;overflow:scroll;overflow-x:hidden;background-color:#f5f5f5;padding:1rem;border:none;font-size:1rem}p:focus{outline:none;border:none;box-shadow:none}button{background-color:#f5f5f5;border:none;border-radius:6px;color:#606979;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;margin:.5rem .25rem;text-align:center;transition:background-color .2s,transform .2s}audio{background-color:#f5f5f5;border:none;border-radius:6px;color:#606979;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;margin:.5rem .25rem;text-align:center;transition:background-color .2s,transform .2s}button:hover{background-color:#5965da;color:#d5d8ee;transform:scale(1.05)}button:disabled{background-color:#c4c9e9;cursor:not-allowed}select{background-color:#b9bde7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;margin:.5rem;width:100%;text-align:center;transition:background-color .2s,transform .2s}select:hover{background-color:#5965da}option{background-color:#fff;color:#000}footer{margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:center}a{margin-left:.2rem;text-decoration:none;color:#0992e7}a:active{color:#f0f8ff}@media only screen and (max-width: 1024px){.bottom-buttons{flex-direction:column;height:10rem}button{background-color:#b9bde7;height:50%}:root{font-size:12px}}