#root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ChippyTea: rgb(255, 196, 64);--Vimto: rgb(173, 79, 183);--Cotton: rgb(248, 242, 234);--Graphine: rgb(41, 41, 35);--M62: rgb(141, 152, 170);--Cloudy: rgba(180, 192, 217, .7);--ArndaleTile: rgb(232, 209, 163)}#matcher-root *,#matcher-root *:before,#matcher-root *:after{box-sizing:border-box}#matcher-root{margin:0;font-family:Arial,sans-serif;background-color:var(--Cotton);color:var(--Graphine);display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.payroll-explanation,.direct-explanation{padding:3%}.landingPage,.payrollSearch,.postcode-search{display:flex;justify-content:center;align-items:center;padding:9%;width:80%}.card{padding:3.6rem;background-color:#fff;border-radius:27px;box-shadow:0 7.2px 14.4px #0003;width:80%;max-width:1080px;min-width:720px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.logo{position:absolute;top:0;left:0;width:20%;max-width:216px;height:auto;transform:translate(-50%,-50%)}h1,h2{font-size:2.34rem;color:var(--Graphine);text-align:center;margin-bottom:36px;width:100%}h3{font-size:1rem;text-align:center;font-weight:400;font-style:italic}.input{padding:14.4px;font-size:1.8rem;border:2px solid var(--Cotton);border-radius:9px;outline:none;width:75%;background-color:var(--Cloudy);text-align:center}.input::placeholder{text-align:center}.button{background-color:var(--Vimto);color:var(--Cotton);font-size:1.8rem;padding:14.4px 21.6px;border:none;border-radius:9px;cursor:pointer;transition:all .3s ease;margin:12.6% 3.6% 3.6%}.button:hover{background-color:var(--Cloudy);color:var(--Cotton)}.result{padding:1.8rem;border-radius:9px;background-color:var(--Cloudy);text-align:center;margin-top:1.8rem;width:100%}.result-text{font-size:2.16rem;color:var(--Graphine);margin:0;text-align:left}.apply-button{background-color:var(--Vimto);color:var(--Cotton);font-size:1.8rem;padding:.9rem 1.8rem;border:none;border-radius:9px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem;display:block;margin:1rem auto 0}.nav-button-container{display:flex;justify-content:center}.react-select{width:80%}.optionsContainer{display:flex;justify-content:space-between;align-items:stretch}.methodContainer{display:flex;flex-direction:column;width:50%;align-items:center}.nav-button{background-color:var(--ChippyTea);color:var(--Graphine);font-size:1rem;padding:.9rem 1.8rem;border:none;border-radius:9px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem;display:block;width:50%;margin:1rem;text-decoration:none;text-align:center}.goback-button{display:flex;justify-content:space-between;background-color:var(--ChippyTea);color:var(--Graphine);font-size:.8rem;padding:.5rem 1.2rem;border:none;border-radius:9px;cursor:pointer;transition:background-color .3s ease;margin-top:.1rem;display:block;width:20%;margin:1rem;text-decoration:none;text-align:center}.logo-name-container{display:flex;flex-direction:row-reverse;align-items:center;background-color:#fff;padding:1rem;border-radius:9px;width:100%;box-sizing:border-box;justify-content:space-between}.apply-button:hover{background-color:var(--M62)}.apply-button a{color:inherit;text-decoration:none}.result-logo{width:100px;height:auto;margin-right:1rem}@media (max-width: 800px){.card{padding:1rem;width:90%;min-width:unset}.logo{width:25%;max-width:150px;transform:translate(-50%,-50%)}h1,h2{font-size:1rem;margin-bottom:20px;margin-top:50px}.input{padding:10px;font-size:1.2rem}.button{font-size:1.2rem;padding:10px 15px;margin-top:7%}.result-text{font-size:130%}.nav-button{font-size:80%;padding:10px 15px;margin-top:7%;min-width:80px}.apply-button{font-size:1.2rem;padding:.7rem 1.2rem}.input,.button,.apply-button,.methodContainer{width:100%}.payroll-explanation,.direct-explanation{font-size:1rem}.result-logo{width:80px}}@media (max-width: 500px){.logo{width:30%;max-width:100px;transform:translate(-40%,-40%)}.card{width:110%}.input{padding:8px;font-size:1rem}.button{font-size:1rem;padding:8px 12px;margin-top:5%}.apply-button{font-size:1rem;padding:.5rem 1rem}.payroll-explanation,.direct-explanation{font-size:.8rem;padding:3%}.logo-name-container{flex-direction:column;align-items:center}.result-logo{margin-right:0;margin-bottom:.5rem}.result-text{text-align:center}}.enter-form{display:flex;flex-direction:column;align-items:center;width:70%}.error-explanation{font-size:1.6rem;font-weight:400}.email-text{font-size:.8rem;text-align:center}.email{font-size:.8rem;text-align:center;font-weight:700}