@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@700&display=swap);:root{--ff-inter:"Inter",sans-serif;--ff-dynapuff:"DynaPuff",cursive;--ff-sans:sans-serif;--ff-serif:serif;--fw-extralight:200;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--fs-base:1vw;--fs-normal:calc(var(--fs-base) + 0.65rem);--fs-title:calc(var(--fs-normal) + 0.55rem);--fs-subtitle:calc(var(--fs-normal) + 0.25rem);--fs-link:calc(var(--fs-normal)*1.0125);--fs-apptitle:calc(var(--fs-normal) + 0.75rem);--red-47:#e50b0b;--orange-47:#ea6c06;--orange-60:#f5903d;--orange-55:#f48225;--orange-50:#f2740d;--dark-gray-55:#858693;--gray-88:#e0e0e0;--gray-73:#bababa;--gray-63:#a1a1a1;--gray-43:#6e6e6e;--black-000:#000;--white-fff:#fff;--primary-color:var(--orange-47);--secondary-color:var(--dark-gray-55);--active-color:var(--black-000);--msg-color:var(--gray-73);--err-color:var(--red-47);--calc-fg-color:var(--black-00);--calc-bg-color:var(--gray-88);--calc-hv-color:var(--gray-63);--calc-ac-color:var(--gray-43);--disp-fg-color:var(--white-fff);--disp-bg-color:var(--dark-gray-55);--bsop-bg-color:var(--orange-60);--bsop-hv-color:var(--orange-55);--bsop-ac-color:var(--orange-50);--calc-border:1px solid var(--gray-73)}*{box-sizing:border-box}html{font-family:Inter,sans-serif;font-family:var(--ff-inter);font-size:calc(1vw + .65rem);font-size:var(--fs-normal)}body{margin:0;padding-block:0 1em}h1,h2{color:#ea6c06;color:var(--primary-color);font-family:DynaPuff,cursive;font-family:var(--ff-dynapuff);font-weight:400;font-weight:var(--fw-regular)}h1,h2,p{margin:0;padding-block:.2em .4em}h1{font-size:calc(1vw + 1.2rem);font-size:var(--fs-title)}h2{font-size:calc(1vw + .9rem);font-size:var(--fs-subtitle)}#root{display:flex;flex-direction:column;gap:1.5em}header{box-shadow:0 0 4px #a1a1a1;box-shadow:0 0 4px var(--gray-63);display:flex;padding-block:.75em .5em;padding-inline:5vw}.appTitle{align-items:center;color:#ea6c06;color:var(--primary-color);display:flex;flex-grow:1;font-family:DynaPuff,cursive;font-family:var(--ff-dynapuff);font-size:calc(1vw + 1.4rem);font-size:var(--fs-apptitle);font-weight:600;font-weight:var(--fw-semibold);gap:.125em;text-decoration:none;text-shadow:2px 2px #858693;text-shadow:2px 2px var(--secondary-color)}svg{fill:#ea6c06;fill:var(--primary-color);border-radius:50%;box-shadow:2px 1.5px #858693;box-shadow:2px 1.5px var(--secondary-color);max-block-size:1.125em}.appTitle:hover{color:#858693;color:var(--secondary-color);text-shadow:2px 2px #ea6c06;text-shadow:2px 2px var(--primary-color)}.appTitle:hover svg{fill:#858693;fill:var(--secondary-color);box-shadow:2px 1.5px #ea6c06;box-shadow:2px 1.5px var(--primary-color)}.appTitle:active{color:#000;color:var(--active-color);text-shadow:2px 2px #858693;text-shadow:2px 2px var(--secondary-color)}.appTitle:active svg{fill:#000;fill:var(--active-color);box-shadow:2px 1.5px #858693;box-shadow:2px 1.5px var(--secondary-color)}nav{-webkit-margin-start:auto;margin-inline-start:auto}ul{display:flex;gap:.75em;list-style-type:none;margin:0;padding-block:.15em;padding-inline:0}li{padding-block:.25em}.appLink{color:#858693;color:var(--secondary-color);font-size:calc(1.0125vw + .65813rem);font-size:var(--fs-link);font-weight:600;font-weight:var(--fw-semibold);letter-spacing:-1px;text-decoration:none;text-shadow:1px 1px #ea6c06;text-shadow:1px 1px var(--primary-color);text-transform:capitalize}.appLink:hover{color:#ea6c06;color:var(--primary-color);-webkit-filter:saturate(2.5) brightness(1);filter:saturate(2.5) brightness(1)}.appLink:active,.appLink:hover{text-shadow:1px 1px #858693;text-shadow:1px 1px var(--secondary-color)}.appLink:active{color:#000;color:var(--active-color)}.appLink.active{color:#ea6c06;color:var(--primary-color);-webkit-filter:saturate(1);filter:saturate(1);text-shadow:1px 1px #000;text-shadow:1px 1px var(--active-color)}.appLink.active:hover{-webkit-filter:saturate(2.5) brightness(1);filter:saturate(2.5) brightness(1)}main{margin-inline:5vw;max-inline-size:90vw}.magicCalculator{--calculator-basis:20ch;display:flex;flex-wrap:wrap;gap:1.5em}.calcInfo{flex:1.5 0 var(--calculator-basis)}.calculator{-webkit-margin-before:2.75em;-webkit-margin-start:auto;grid-gap:0;background-color:#e0e0e0;background-color:var(--calc-bg-color);color:var(--black-00);color:var(--calc-fg-color);display:grid;flex:1 0 var(--calculator-basis);font-family:sans-serif;font-family:var(--ff-sans);font-weight:700;gap:0;grid-template-areas:"dsp dsp dsp dsp" "clr neg pct div" "nm7 nm8 nm9 tms" "nm4 nm5 nm6 mns" "nm1 nm2 nm3 pls" "nm0 nm0 dec eql";grid-template-columns:repeat(4,1fr);margin-block-start:2.75em;margin-inline-start:auto}@media (max-width:400px){.magicCalculator{gap:.75em}.calculator{-webkit-margin-before:0;margin-block-start:0}}.calculator,.display,button{border:1px solid #bababa;border:var(--calc-border)}.display{background-color:#858693;background-color:var(--disp-bg-color);color:#fff;color:var(--disp-fg-color);font-family:serif;font-family:var(--ff-serif);font-size:1.5rem;grid-area:dsp;padding-block:.4em;padding-inline:.25em;text-align:end}button{background-color:#e0e0e0;background-color:var(--calc-bg-color);color:#000;color:var(--black-000);display:inline-block;font-weight:900;font-weight:var(--fw-black);outline:none;padding-block:1.25em}button:hover{background-color:#a1a1a1;background-color:var(--calc-hv-color)}button:active{background-color:#6e6e6e;background-color:var(--calc-ac-color)}.clr{grid-area:clr}.neg{grid-area:neg}.pct{grid-area:pct}.div{grid-area:div}.nm7{grid-area:nm7}.nm8{grid-area:nm8}.nm9{grid-area:nm9}.tms{grid-area:tms}.nm4{grid-area:nm4}.nm5{grid-area:nm5}.nm6{grid-area:nm6}.mns{grid-area:mns}.nm1{grid-area:nm1}.nm2{grid-area:nm2}.nm3{grid-area:nm3}.pls{grid-area:pls}.nm0{grid-area:nm0}.dec{grid-area:dec}.eql{grid-area:eql}.basicOperator{background-color:#f5903d;background-color:var(--bsop-bg-color)}.basicOperator:hover{background-color:#f48225;background-color:var(--bsop-hv-color)}.basicOperator:active{background-color:#f2740d;background-color:var(--bsop-ac-color)}.quote{font-family:Inter,sans-serif;font-family:var(--ff-inter);padding-inline:4.5em 3em}.error,.loading{color:#bababa;color:var(--msg-color);font-size:calc(1vw + .9rem);font-size:var(--fs-subtitle);font-weight:700;font-weight:var(--fw-bold)}.error{color:#e50b0b;color:var(--red-47)}blockquote{color:#ea6c06;color:var(--primary-color);font-size:calc(1vw + .9rem);font-size:var(--fs-subtitle);font-weight:600;font-weight:var(--fw-semibold);letter-spacing:-1.5px;line-height:1.1;position:relative}blockquote:before{color:#858693;color:var(--secondary-color);content:open-quote;left:-3ch;scale:4.5;text-shadow:1px .5px #ea6c06;text-shadow:1px .5px var(--primary-color);top:1.5ch}blockquote:after,blockquote:before{font-family:DynaPuff,cursive;font-family:var(--ff-dynapuff);font-weight:400;font-weight:var(--fw-regular);position:absolute}blockquote:after{bottom:-.2ch;color:#ea6c06;color:var(--primary-color);content:close-quote;right:-1.45ch;scale:2;text-shadow:-1px 1px #858693;text-shadow:-1px 1px var(--secondary-color)}span{-webkit-padding-before:.35em;color:#000;color:var(--active-color);display:block;-webkit-filter:opacity(.85);filter:opacity(.85);font-family:DynaPuff,cursive;font-family:var(--ff-dynapuff);font-weight:500;font-weight:var(--fw-medium);padding-block-start:.35em;text-align:end}
/*# sourceMappingURL=main.6d6b854d.css.map*/