*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:"Open Sans",sans-serif}body{font-family:inherit}:root{--color-white:#fff;--color-light-white:#eee;--color-tomato:#d40640;--color-purple-transparent:rgba(88,24,69,0.9);--color-pink-transparent:rgba(216,14,91,0.9);--color-orange:#ff3c00;--color-light-black:#222;--color-black:#000;--shadow:rgba(0,0,0,0.4)}.app{height:100vh;width:100%;background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(216,14,91,.9)),to(rgba(88,24,69,.9))),url(https://i.pinimg.com/originals/91/b5/cd/91b5cdab51e207263169904b227503b4.jpg);background-image:linear-gradient(to bottom right,rgba(216,14,91,.9),rgba(88,24,69,.9)),url(https://i.pinimg.com/originals/91/b5/cd/91b5cdab51e207263169904b227503b4.jpg);background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-pink-transparent)),to(var(--color-purple-transparent))),url(https://i.pinimg.com/originals/91/b5/cd/91b5cdab51e207263169904b227503b4.jpg);background-image:linear-gradient(to bottom right,var(--color-pink-transparent),var(--color-purple-transparent)),url(https://i.pinimg.com/originals/91/b5/cd/91b5cdab51e207263169904b227503b4.jpg);background-size:cover;display:flex;justify-content:center;align-items:center}.calculator{height:80vh;width:50%;box-shadow:0 2rem 4rem rgba(0,0,0,.4);box-shadow:0 2rem 4rem var(--shadow);background-color:#222;background-color:var(--color-light-black)}.result-screen{height:19vh;font-size:8rem;font-weight:600}.computation-screen,.result-screen{display:flex;justify-content:flex-end;align-items:flex-end}.computation-screen{height:6vh;font-size:2.5rem}.screen{height:25vh;width:100%;padding:0 2rem;overflow:hidden;white-space:no-wrap;color:#eee;color:var(--color-light-white);background-color:#d40640;background-color:var(--color-tomato)}.keypad{height:55vh;width:100%}.keypad__row{height:11vh;width:100%;display:flex;color:#fff;color:var(--color-white)}.btn{width:25%;height:100%;font-size:3rem;font-family:inherit;background-color:#fff;background-color:var(--color-white);border:1px solid transparent;outline:none;display:flex;justify-content:center;align-items:center;-webkit-transition:all .2s;transition:all .2s}.btn:hover{color:#eee;color:var(--color-light-white);background-color:#d40640;background-color:var(--color-tomato)}.btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn--large{width:50%;color:#fff;color:var(--color-white);background-color:#d40640;background-color:var(--color-tomato);-webkit-transition:all .2s;transition:all .2s}.btn--large:hover{background-color:#eee;background-color:var(--color-light-white)}.btn--large:hover,.operator{color:#d40640;color:var(--color-tomato)}
/*# sourceMappingURL=main.c97b2b6d.chunk.css.map */