@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;600;900&display=swap);body{padding:0;margin:0}#app{--colour-white-1:#fff;--colour-orange-1:#ff8000;--colour-orange-2:#ffac59;--colour-orange-3:#ffd9b2;--colour-orange-4:#ffead4;--colour-orange-5:#ffead4;--colour-orange-6:#f8f5f2;--colour-teal-1:#0a3847;--colour-blue-1:#1572f5;--colour-green-1:#24ce30;--colour-grey-1:#222;--colour-grey-2:#4c4c4c;--colour-grey-3:#878787;--colour-grey-4:#767676;--colour-grey-5:#d7d7d7;margin:40px 0 0 0;padding:0;font-family:Inter,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--colour-orange-1)}.logo{width:400px!important}.title{color:var(--colour-white-1);text-align:center}.instructions{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10%}.instructions__wrapper{color:var(--colour-white-1);width:33%;text-align:center;padding:30px}.signature{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10%}.signature__form{width:50%;padding:30px}.signature__form--field h2{font-size:18px;color:var(--colour-white-1);text-align:left;max-width:100%}.signature__form--field input{width:400px}.signature__form--field select{width:420px;cursor:pointer}.signature__form--field input,.signature__form--field select{padding:10px;border-radius:5px;border:none}.signature__output{margin-top:55px;width:40%;min-height:600px}.signature__output--wrapper{background-color:var(--colour-white-1);padding:20px;border-radius:10px;margin-bottom:20px}.signature__output--wrapper h1,.signature__output--wrapper h2{max-width:100%;text-align:left;text-transform:none;margin:0;padding:0;line-height:24px}.signature .copy-button{background-color:var(--colour-blue-1);color:var(--colour-white-1);padding:15px;display:block;border-radius:5px;border:none;width:100%;font-weight:600;font-size:20px;cursor:pointer}.signature .copy-button:hover{opacity:.8}@media screen and (max-width:768px){.logo{width:200px!important}.instructions{display:block;padding:0 20px;text-align:center}.instructions__wrapper{width:90%;padding:5%}.signature{display:block;padding:0 2%}.signature__form{width:90%;padding:5%}.signature__form--field select{width:100%}.signature__form--field input{width:95%}.signature__output{margin-top:55px;width:90%;padding:5%;min-height:600px}}