html{box-sizing:border-box;min-height:100vh}*,*::before,*::after{box-sizing:inherit}body{background:#fff;color:#e0e3de;font-family:roboto,geneva,tahoma,sans-serif;font-size:1em;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;min-height:480px;margin:0;position:relative}::selection,::-moz-selection{background:#f8cd53;color:#fff}header,footer{height:90px;line-height:90px;max-width:1400px;margin:0 auto;width:90%}img::selection,img::-moz-selection{background:0 0}h1,h2,h3,h4,h5,h6{font-family:oswald,arial,sans-serif;font-size:1.25em;margin-bottom:.75em}p{margin-bottom:.75em}a{color:#f8cd53;text-decoration:none;transition:color 150ms ease}a:hover,a:focus,a:visited{color:#f5b70a}hr{border:none;border-bottom:1px solid #ca5151;margin:1.5em 0}ul,ol{list-style:none;padding:0;margin:0}dl{margin:0}dt{font-weight:600}dd{margin:0}header{background-color:#ca5151;position:absolute;top:0;left:0;right:0}header::after{content:"";display:block;background-color:#ca5151;height:1px;margin-top:-2px;width:100%}.logo{color:#f8cd53;font-size:1.9em;font-weight:300;letter-spacing:-1px;margin-left:35px;text-transform:uppercase}main{display:flex;height:100vh;margin:0 auto;max-width:1700px}.arabic-section,.roman-section{display:flex;align-items:center;justify-content:center;flex:1 50%}.arabic-section{background-color:#f8cd53}.arabic-section label{color:#fff}.arabic-section input{border-color:#fff;color:#fff}.roman-section{background-color:#fff;text-align:right}.roman-section label{color:#f8cd53}.roman-section .error-label{text-align:left}.roman-section input{border-color:#f8cd53;color:#f8cd53}fieldset{border:0;margin:90px 30px 10px;padding:0}label{display:block}input{background:0 0;border:1px solid;font-size:3em;letter-spacing:1px;height:74px;padding:0 20px;text-align:center;max-width:505px;outline:none}.main-label{font-size:1.06em;text-transform:uppercase;margin-bottom:4px}.error-label{font-family:lato,geneva,tahoma,sans-serif;height:24px;margin-top:4px}footer{position:absolute;bottom:0;left:0;right:0;text-align:right}@media only screen and (max-width:1050px){main{flex-direction:column;min-height:330px}.arabic-section{flex-basis:calc(50% + 95px)}.arabic-section fieldset{margin-top:120px}.roman-section fieldset{margin-top:20px}}@media only screen and (max-width:900px){input{width:100%;font-size:2.8rem}}@media only screen and (max-width:600px){fieldset{width:80%}input{font-size:2.4rem}}@media only screen and (max-width:400px){.arabic-section,.roman-section{flex-basis:50vh}.arabic-section fieldset{margin:92px 0 0}.roman-section fieldset{margin:-92px 0 0}}@media only screen and (max-width:1050px) and (max-height:400px){.arabic-section{flex-basis:calc(50% + 150px)}.roman-section fieldset{margin-top:40px}}@media only screen and (max-width:1050px) and (max-height:350px){.arabic-section{flex-basis:calc(50% + 200px)}.roman-section fieldset{margin-top:50px}}