@font-face{font-family:Quantico;src:url(/calculator/assets/Quantico-Regular-BXatNHwx.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quantico Bold;src:url(/calculator/assets/Quantico-Bold-C0TFRA5H.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{line-height:1.5;color:#fffd;background-color:#171d28;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}a{font-weight:300;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{outline:none;border:none;cursor:pointer}#root{max-width:1280px;margin:0 auto;padding:0;padding:2rem;text-align:center}button{margin-block:.5rem;margin-inline:.25rem;-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out}.App-calculator{height:90vh;margin:0;padding:0;display:flex;flex-direction:column;justify-content:start;position:relative}.App-calculator .container{width:320px;padding:.35rem .3rem;margin-top:40%;border-radius:6px;background:linear-gradient(110deg,#000,red,#000 98%)}.App-calculator .container .teclado{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;gap:0px 0px;grid-template-areas:"clear clear divide multiply" "seven height nine subtract" "four five six add" "one two three equals" "memo zero decimal equals";height:360px}.App-calculator .container .teclado #clear{grid-area:clear;box-shadow:-2px -2px 4px 2px #f002;border-radius:54px 4px 14px}.App-calculator .container .teclado #divide{grid-area:divide}.App-calculator .container .teclado #multiply{grid-area:multiply}.App-calculator .container .teclado #seven{grid-area:seven}.App-calculator .container .teclado #height{grid-area:height}.App-calculator .container .teclado #nine{grid-area:nine}.App-calculator .container .teclado #subtract{grid-area:subtract}.App-calculator .container .teclado #four{grid-area:four}.App-calculator .container .teclado #five{grid-area:five}.App-calculator .container .teclado #six{grid-area:six}.App-calculator .container .teclado #add{grid-area:add}.App-calculator .container .teclado #one{grid-area:one}.App-calculator .container .teclado #two{grid-area:two}.App-calculator .container .teclado #three{grid-area:three}.App-calculator .container .teclado #equals{grid-area:equals;box-shadow:2px 2px 4px 4px #f002;border-radius:14px 4px 10px}.App-calculator .container .teclado #zero{grid-area:zero}.App-calculator .container .teclado #decimal{grid-area:decimal}.App-calculator .container .teclado #memo{grid-area:memo;font-size:.65rem}.conancos-logo-container{width:90%;height:content;margin-bottom:3.5rem;margin-inline:auto;display:flex;align-items:center;justify-content:center;border:1px solid red;border-radius:12px;box-shadow:0 0 8px 2px #dc143c}.conancos-logo-container img{width:100%;border:3px solid black;border-radius:10px;padding:2px;background:#dc143c}.conancos-logo-container:hover:after{background:unset}.conancos-logo-container:after{content:"";position:absolute;width:100%;height:40px;top:0;left:0;border:1px solid red;border-radius:12px;box-shadow:0 0 8px 14px #171d28;background:#171d28af;filter:blur(10px)}.boton-especial{color:#ff9;background:#254178dd;border:2px solid black;font-family:Quantico,sans-serif}.boton-especial:hover{background:#000;border:2px solid #ff9}.boton-especial:active{transform:scale(.98);box-shadow:inset 0 0 4px 2px #ff9!important}#clear{font-family:Quantico Bold,sans-serif}#add{padding-bottom:4px}.boton-numeral{color:#fbd;background:#000;border:2px solid #5afa;font-family:Quantico Bold,sans-serif}.boton-numeral:hover{color:#ff9;background:#254178dd;border:2.5px solid #ff9}.boton-numeral:active{transform:scale(.98);box-shadow:inset 0 0 6px 4px #000}.button{border-radius:4px;font-size:1.75rem;font-weight:400}.panel{display:flex;flex-direction:column;max-width:100%;padding:6px;margin-bottom:1rem;box-shadow:inset 0 0 8px #8000806a;position:relative}.panel .memo{position:absolute;left:10px;top:11px;background:#000a;display:inline-block;max-width:30%;border:none;font-family:Quantico,sans-serif;outline:none;color:#0f0;font-size:.75rem;font-weight:300;border-radius:0}.panel .little-panel,.panel .main-panel{font-family:Quantico,sans-serif;text-align:right;background:#000;color:#fffd;border:none;outline:none}.panel .little-panel{padding:.35rem .35rem 0rem .5rem;font-size:.8rem;border-radius:4px 4px 0 0}.panel .main-panel{padding:0rem .25rem;font-size:2rem;border-radius:0 0 4px 4px}