*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;font-family:Roboto,sans-serif}ul{list-style:none}h1,h3{font-weight:400}select{border:2px solid #000;border-radius:8px}button{border-radius:8px}#buttons{display:flex;grid-gap:20px}#wrapper{display:flex;flex-direction:column;justify-content:center;padding:40px}#wrapper>header{height:100px}#wrapper>header>ul{display:flex;justify-content:flex-end;grid-gap:40px}#wrapper>header>ul>li{text-align:center}#wrapper>header>ul>li span{display:inline-block;margin-top:6px}#wrapper>main{text-align:center;flex-grow:1}#wrapper h1{font-size:72px;margin-bottom:56px}#wrapper h3{font-size:36px;margin-bottom:12px}#wrapper p#example{font-size:24px;color:#8b8b8b;margin-bottom:20px}#wrapper p em{color:#535353;font-weight:500}#wrapper p#error{font-size:24px;color:#f2994a;font-weight:500;margin-bottom:20px}#numbers{display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px 50px 50px;grid-gap:16px;justify-content:center;margin-bottom:88px}#numbers>li{display:flex;align-items:center;justify-content:center;background-color:#ececec;font-size:24px;font-weight:900;border-radius:8px}#numbers>li:nth-child(10){grid-column:1/span 2}#wrapper input[type=text]{border:2px solid #000;border-radius:8px;font-size:36px;padding:8px 0;width:300px;text-align:center;margin-bottom:20px;letter-spacing:4px}#wrapper input[type=text].error{border-color:#f2994a}#wrapper button{font-size:24px;font-weight:900;padding:0 64px;background-color:#0943d9;border-radius:8px;color:#fff;height:70px;display:flex;align-items:center;margin:0 auto}#modal{background-color:rgba(33,48,85,.6);position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;display:none}#modal.active{display:flex}#modal>div{border-radius:16px;overflow:hidden;width:100%;max-width:820px;background-color:#fff}#modal>div>header{padding:24px;display:flex;justify-content:flex-end}#modal>div>div{padding:16px 105px 92px 105px}#modal h2{font-size:48px;color:#222;font-weight:900;margin:36px 0 24px 0}#modal>div>footer{background-color:#213055;display:flex;justify-content:flex-end;padding:16px 105px}#modal>div>footer button{height:44px;font-size:16px;padding:11px 32px;margin:0}#modal p+p{margin-top:4px}#displaywrapper{height:100vh;background-color:#000}#displaywrapper>header{color:#fff;opacity:.6;font-weight:300;font-style:italic;font-size:44px;display:flex;padding:20px 0}#displaywrapper>header>span{max-width:400px;min-width:400px;text-align:center}#displaywrapper>ul{display:flex;flex-direction:column;grid-gap:16px}#displaywrapper>ul>li{font-size:56px;font-weight:700;display:flex;padding-right:40px}#displaywrapper>ul>li.active{animation-name:blinking;animation-duration:1s;animation-iteration-count:4}#displaywrapper>ul>li>span{color:#fff;max-width:400px;min-width:400px;text-align:center}#displaywrapper>ul>li>p{color:#d47724}@keyframes blinking{20%{background-color:rgba(254,254,254,.3)}80%{background-color:rgba(254,254,254,.3)}}