body{--stat-primary:#0b85e5;--stat-secondary:#0f2741;--dark-blue-gray:#455f7c;--white:#fff;--green:#7cc305;--red:#cf0000;--red-light:#ffe4e4;--gray:#888;--gray-light:#b2b2b2;--gray-10:#eee;--blue-ice:#f5f8fb;font-family:Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.5;color:var(--dark-blue-gray);background:var(--blue-ice);font-size:16px}.layout{max-width:600px;margin:0 auto;padding-left:20px;padding-right:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:80px}.header__title{margin:0;letter-spacing:2px;font-size:24px;font-weight:300;color:var(--stat-secondary)}.container{display:flex;margin:6px 0}.input{border:1px solid var(--gray);border-radius:4px;margin:0 6px 0 0;flex:1}.button,.input{padding:12px 18px}.button{font-weight:600;cursor:pointer;border:1px solid;border-radius:4px;color:var(--white);background:var(--green)}.button--delete{background:var(--stat-secondary);display:inline}.button--test{margin-left:6px;background:transparent;color:var(--green);border:1px solid var(--green)}.error{margin:12px 0;display:inline-block;border:1px solid;border-color:var(--red);border-radius:4px;background:var(--red-light);color:var(--red);padding:9px 18px}.explanation{font-size:.9rem;color:var(--gray);margin-bottom:36px}.textarea{background:var(--gray-10);color:var(--gray);flex:1;border:1px solid var(--gray);padding:12px 18px;border-radius:4px;margin-bottom:6px}