:root{--color-background--1:#f0f8ff;--color-background--2:#eee;--color-background--3:#06113c;--color-background--4:#ddd;--board-color--:linear-gradient(to right,#536976,#292e49);--logo-background--:#fff;--color-nav--1:#ff8c32;--color-nav--2:#000;--color-nav--3:#f1d00a;--error-color--1:red;--font-size--:.87em}*{box-sizing:border-box}body{background:var(--board-color--);margin:0;padding:0}nav ul{background-color:var(--color-background--3);text-align:center;justify-content:center;margin:0;padding:0;list-style:none;display:flex}nav li{font-family:Verdana,sans-serif;font-size:var(--font-size--);border-bottom:none;margin-right:-4px;padding:0 25px;line-height:50px;display:inline-block}nav{box-shadow:0px 1px 8px var(--color-nav--2)}nav a{color:var(--color-nav--1);border-bottom:4px solid var(--color-background--3);text-decoration:none;transition:all .3s;display:block}nav a:hover{color:var(--color-nav--3)}.active{border-bottom:4px solid var(--color-nav--3);color:var(--color-nav--3)}nav ul li:first-child{background-color:var(--logo-background--);margin-right:0;padding:2px}nav ul li:first-child a{border-bottom:none}nav #logo-name{margin-right:auto}nav #logo-name a{color:var(--color-nav--3)}#logo{height:100%;margin-left:auto;margin-right:auto;padding-bottom:0;display:block}main{width:94%;height:500px;background:var(--color-background--2);border:3px solid var(--color-nav--2);box-sizing:content-box;border-radius:1em;margin:1em auto auto;padding:0;position:relative;box-shadow:5px 5px 8px #000}main ul{margin:0;list-style:none}main ul li{display:inline-block}main ul li input{width:2em}.matrix{border-radius:1em;margin:.7em;padding:.7em;display:inline-block;box-shadow:2px 0 #000,-2px 0 #000}.matrix input{border-width:0 0 2px;border-color:var(--color-nav--1);text-align:center;outline:0;transition:all .3s}.matrix input:focus{border-color:var(--color-background--3)}.matrix .row{padding-left:0}#calculate-area,.matrix-calc{justify-content:flex-start;align-items:center;padding:0;display:flex;position:relative}.op,.op select option,.op select{font-weight:bolder;display:inline-block}#calculate-area{width:100%;height:54px;background-color:var(--color-background--3);box-sizing:content-box;border:1px solid;border-radius:0 0 .8em .8em;position:absolute;bottom:-1px;left:-1px}.btn{width:8%;height:35px;color:#fff;background:var(--color-nav--1);font-size:var(--font-size--);cursor:pointer;color:var(--color-nav--2);border:none;border-radius:5px;outline:none;justify-content:center;margin:auto;font-family:Montserrat-Bold;font-weight:700;transition:all .2s ease-in;display:block}.btn:hover{background:var(--color-nav--3);color:#000}.hidden{display:none}.matrix1{width:auto;min-width:50px}.operations{margin:auto;display:block}.matrix-options{width:100px;justify-content:center;margin:auto;padding-top:22px;display:flex}.matrix-options button,.matrix-options.filler-button{width:33.3333%;flex:0}.filler-button:nth-of-type(n){margin-left:10px}.matrix-options button:disabled{width:100px}.matrix-btn{width:32px;background-color:var(--color-nav--1);border-radius:.3em;margin-left:3px;margin-right:3px;font-weight:bolder}.matrix-btn:hover{background-color:var(--color-nav--3)}#inverse-sec .matrix1{position:relative}#inverse{font-size:.8em;font-weight:bolder;position:absolute;top:0;right:0}section div:first-child{margin-left:1.2em}section{padding-left:1.7em}.instructions{padding-left:2.4em;font-family:Verdana,Geneva,Tahoma,sans-serif}.instructions ul li{font-size:var(--font-size--);margin-top:.3em;display:list-item}.instructions ul{list-style:disc}.inc{background-color:var(--color-nav--1)}.inc,.dec{opacity:.8;transition:all .2s}.inc:hover,.dec:hover{cursor:pointer;opacity:1}.dec{background-color:var(--color-nav--3);margin-left:6px}button:disabled{color:var(--board-color--);width:50px}.visually-hidden{opacity:0;display:none}.filler{height:44px}main .matrix .row li input{width:3em;font-size:.7em}.error{color:red;margin-top:3em;font-family:Verdana,Geneva,Tahoma,sans-serif}
/*# sourceMappingURL=index.fadf8f46.css.map */