@import url(https://fonts.cdnfonts.com/css/cocogoose);@import url(https://fonts.cdnfonts.com/css/Lato);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);:root{--color:rgba(20,11,11,.69);--padding:20px 30px;--congo-font:"cocogoose",sans-serif;--lato-font:"Lato",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{color:rgba(20,11,11,.69);color:var(--color);font-family:Lato,sans-serif;font-family:var(--lato-font);font-size:1rem;font-style:normal;font-weight:400}ul{list-style:none}a{color:rgba(20,11,11,.69);color:var(--color);text-decoration:none}button{background:none;border:none;margin:0;padding:0}body{align-content:flex-start;display:flex;height:100vh;overflow-x:hidden;width:100vw}.active-link{color:#f18912;font-weight:bolder}body #root{display:flex;flex-direction:column;row-gap:50px;width:100%}body #root nav{background-color:rgba(77,72,72,.6);display:flex;justify-content:flex-start;padding:20px}body #root nav div{flex:1 1}body #root nav ul{display:flex;gap:10px;justify-content:flex-end}body #root .CalcContainer{-webkit-column-gap:20px;column-gap:20px;display:flex}body #root .CalcContainer .caclTitle{flex:2 1}body #root div.App{grid-gap:4px;align-content:center;background-color:#efefef;display:grid;gap:4px;grid-template-areas:"result result result result";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);height:70vh;width:100%}body #root div.App .InputBox{background-color:#f0f8ff;display:flex;justify-content:center}body #root div.App .ResultBox{align-items:center;background-color:rgba(77,72,72,.6);display:grid;grid-area:result;justify-content:flex-end;padding:10px}body #root div.App .LeftBtn{background-color:#f18912}body #root div.App .ZeroBtn{grid-area:6/1/span 1/span 2}@media only screen and (min-width:480px){#root .CalcContainer>.App{width:84vw}}@media only screen and (max-width:480px){#root .CalcContainer{flex-direction:column;padding:20px;row-gap:20px}#root .CalcContainer .caclTitle{flex:1 1}}@media only screen and (min-width:992px){#root .CalcContainer{-webkit-column-gap:20px;column-gap:20px;flex-direction:row;padding:20px}#root .CalcContainer .caclTitle{flex:2 1}#root .CalcContainer .App{width:50%}}@media only screen and (min-width:1400px){#root .CalcContainer>.App{width:50%}}
/*# sourceMappingURL=main.46994ad1.css.map*/