html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main{background-color:#fefefe;display:grid;max-width:600px;grid-template-columns:1.5fr .5fr 1.5fr;border:1px solid #ddd;padding:10px;border-radius:2px;margin:10px auto auto;justify-content:space-between;align-content:center;min-width:300px}.main>.title{grid-column-start:1;grid-column-end:-1;padding:10px;border:1px solid #ddd;background-color:#f5f5f5}.main .title>h1{margin:0;text-align:center;color:#333;visibility:hidden}.main>.title>h1:before{content:"";font-size:1em;font-weight:700;color:#333;text-align:center;visibility:visible;display:block;margin:0;padding:0;-webkit-animation-name:title;animation-name:title;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes title{0%{content:"Binary to Decimal Converter";opacity:0}5%,40%{content:"Binary to Decimal Converter";opacity:1}45%{content:"Binary to Decimal Converter";opacity:0}50%{content:"Decimal to Binary Converter";opacity:0}55%,90%{content:"Decimal to Binary Converter";opacity:1}95%,to{content:"Decimal to Binary Converter";opacity:0}}@keyframes title{0%{content:"Binary to Decimal Converter";opacity:0}5%,40%{content:"Binary to Decimal Converter";opacity:1}45%{content:"Binary to Decimal Converter";opacity:0}50%{content:"Decimal to Binary Converter";opacity:0}55%,90%{content:"Decimal to Binary Converter";opacity:1}95%,to{content:"Decimal to Binary Converter";opacity:0}}.converter{display:grid;grid-auto-rows:.5fr 1fr .75fr .5fr}.converter>.description{color:#333;margin:10px 0;font-size:.9em}.converter>input{border:1px solid #ddd;text-align:center;font-size:1.5em;padding:10px;width:100%;color:#333}.converter>label{border:1px solid #ddd;border-top:0 solid #ddd;background-color:#f5f5f5;text-align:right;padding:5px 10px;color:#333;font-size:.9em;font-weight:700;margin-bottom:10px}.converter>input:focus{outline:none}.converter>.hidden{visibility:hidden}.converter>.error{color:#fff;background-color:#be3a3a;font-size:.75em;border-radius:2px;display:grid;align-items:center;padding:0 5px}.equals{align-self:center;justify-self:center;font-size:3em;color:#555}.footer{text-align:center;margin:10px}.footer a{color:#000}@media (max-width:620px){.main{margin:10px;grid-template-columns:auto;justify-content:unset}.converter{display:grid;grid-auto-rows:.5fr 1fr .75fr .5fr}.equals{display:none}}
/*# sourceMappingURL=main.8d5a6685.chunk.css.map */