@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}body{font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:"Oswald",sans-serif}h2{text-align:center;color:var(--white);font-size:4rem;margin:10px 0}a{text-decoration:none}li{list-style:none}@media (max-width:270px){h2{font-size:3rem}}@media (max-width:230px){h2{font-size:2.2rem}}@media (max-width:180px){h2{font-size:1.8rem}}:root{--navy-blue:#202a44;--dark-blue:#0b0e17;--sky-blue:#87ceeb;--white:#fff;--dark-white:#e1d9d1;--black:#000;--light-black:#171717;--crimson:#dc143c;--success:#2b3;--failure:#bb2124;--mail:#ff9800;--facebook:#1877f2;--instagram:#e4405f;--linkedin:#0a66c2;--github:#333;--social-media-transition-style:all 0.2s linear}.contents .contents-list,.footer-bottom,.footer-menu-links,.radio-group,header{-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.success{color:#2b3;color:var(--success)}.failure{color:#bb2124;color:var(--failure)}::selection{color:#fff;color:var(--white);background:#000;background:var(--black)}header{width:100%;height:10rem;display:grid;background-color:var(--white);grid-template-columns:10rem 1fr 2fr 1fr 10rem;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.logo{display:grid;grid-column:2/3;justify-content:start;align-items:center}.logo img{cursor:pointer;width:75%}.social-media{grid-column:4/5;overflow:hidden}.social-media ul{height:10rem;display:grid;grid-template-columns:3fr repeat(4,1fr);align-items:center}.social-media ul li{text-align:right;font-size:2.5rem}.social-media ul li:first-child{grid-column:1/2}@media (max-width:1150px){header{grid-template-columns:2rem 3fr 3fr 1fr 2rem}.logo,.social-media ul,header{height:8rem}.logo img{height:6rem;width:auto}}@media (max-width:1000px){header{grid-template-columns:2rem 2fr 3fr 2rem 2rem}.logo,.social-media ul,header{height:7rem}.logo img{height:5rem}.social-media{grid-row:1/2;grid-column:3/5;justify-items:end;transition:all 2s linear;height:7rem;display:flex;justify-self:end;align-items:center}}@media (max-width:798px){header{grid-template-columns:1rem 2fr 1fr 1fr 1rem}.logo,.social-media ul,header{height:6rem}.logo img{height:5rem}.social-media{height:6rem;display:flex;justify-self:end;align-items:center}}@media (max-width:520px){.social-media{height:6rem;display:flex;justify-self:end;align-items:center}}@media (max-width:340px){.logo img{height:5rem}.social-media{display:none}}@media (max-width:300px){.logo img{height:4rem}}@media (max-width:230px){.logo img{height:3rem}}@media (max-width:180px){.logo,header{height:3rem}.logo img{height:2rem}.social-media{height:30px}}.mail{color:var(--mail);transition:var(--social-media-transition-style)}.mail:hover{color:var(--white);background-color:var(--mail)}.facebook{color:var(--facebook);transition:var(--social-media-transition-style)}.facebook:hover{color:var(--white);background-color:var(--facebook)}.instagram{color:var(--instagram);transition:var(--social-media-transition-style)}.instagram:hover{color:var(--white);background-color:var(--facebook)}.linkedin{color:var(--linkedin);transition:var(--social-media-transition-style)}.linkedin:hover{color:var(--white);background-color:var(--facebook)}.github{color:var(--github);transition:var(--social-media-transition-style)}.github:hover{color:var(--white);background-color:var(--facebook)}.contents{padding:30px;width:100%;min-height:calc(100vh - 10rem);margin:auto;display:grid;grid-template-columns:auto;grid-gap:20px;align-items:center;justify-items:center;background-color:var(--navy-blue);overflow:hidden}.searchBar{padding:5px 15px;width:80%;height:50px;font-size:2.5rem;border-radius:10px;outline:none;color:var(--white);background:var(--navy-blue);border:.2rem solid var(--white);box-shadow:0 0 .2rem var(--white),0 0 .2rem var(--white),0 0 2rem var(--crimson),0 0 .8rem var(--crimson),0 0 2.8rem var(--crimson),inset 0 0 1.3rem var(--crimson)}.contents-list{margin:30px 10px;color:var(--white)}.contents-list ul{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:auto;grid-gap:20px;justify-items:center}.contents-list ul li.content{list-style:none;font-size:2rem}.contents-list h1,.contents-list ul li.content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:10px;background:var(--navy-blue);border:1.5px solid var(--sky-blue);box-shadow:0 0 .4rem var(--white);cursor:pointer;transition:all .2s linear}.contents-list h1:hover,.contents-list ul li.content:hover{box-shadow:0 0 .2rem var(--white),0 0 .2rem var(--white),0 0 1rem var(--sky-blue)}.contents-list ul li.content .content-name{color:var(--dark-white)}.activeContent{border:.2rem solid var(--white)!important;box-shadow:0 0 .2rem var(--white),0 0 .2rem var(--white),0 0 2rem var(--crimson),0 0 .8rem var(--crimson),0 0 2.8rem var(--crimson),inset 0 0 1.3rem var(--crimson)!important}@media (max-width:1080px){.contents{min-height:calc(100vh - 8rem)}}@media (max-width:998px){.contents{min-height:calc(100vh - 7rem)}}@media (max-width:798px){.contents{min-height:calc(100vh - 6rem)}}@media (max-width:700px){.contents-list ul li.content{font-size:1.5rem}}@media (max-width:600px){.contents-list ul li.content{font-size:1.25rem}}@media (max-width:500px){.contents-list ul li.content{font-size:1rem}}@media (max-width:450px){.contents{padding:10px}.contents-list ul{grid-template-columns:repeat(2,auto)}.contents-list ul li.content{font-size:1.2rem}}@media (max-width:300px){.contents{padding:10px}.searchBar{font-size:1.8rem}.contents-list ul{grid-template-columns:repeat(1,auto)}}@media (max-width:200px){.searchBar{font-size:1.5rem;height:40px}}@media (max-width:180px){.contents{min-height:calc(100vh - 3rem)}}.heading{font-size:12rem;color:var(--dark-white)}.play-area .heading{width:100%;background:var(--navy-blue);padding:0 10px;border-top-right-radius:200px}@media (max-width:1450px){.play-area .heading{font-size:11.5rem}}@media (max-width:1400px){.play-area .heading{font-size:11rem}}@media (max-width:1340px){.play-area .heading{font-size:10.5rem}}@media (max-width:1290px){.play-area .heading{font-size:10rem}}@media (max-width:1230px){.play-area .heading{font-size:9.5rem}}@media (max-width:1170px){.play-area .heading{font-size:9rem}}@media (max-width:1110px){.play-area .heading{font-size:8.5rem}}@media (max-width:1050px){.play-area .heading{font-size:8rem}}@media (max-width:990px){.play-area .heading{font-size:7.5rem}}@media (max-width:940px){.play-area .heading{font-size:7rem}}@media (max-width:880px){.play-area .heading{font-size:6.5rem}}@media (max-width:820px){.play-area .heading{font-size:6rem}}@media (max-width:760px){.play-area .heading{font-size:5.5rem}}@media (max-width:700px){.play-area .heading{font-size:5rem}}@media (max-width:450px){.heading{font-size:10rem}.play-area .heading{border-top-right-radius:100px}}@media (max-width:410px){.play-area .heading{border-top-right-radius:40px}}@media (max-width:350px){.heading{font-size:10rem}}@media (max-width:300px){.heading{font-size:8rem}}@media (max-width:290px){.play-area .heading{font-size:4.5rem}}@media (max-width:270px){.play-area .heading{font-size:4rem}}@media (max-width:250px){.play-area .heading{font-size:3.5rem}}@media (max-width:230px){.play-area .heading{font-size:3rem}}@media (max-width:200px){.play-area .heading{font-size:2.5rem}}@media (max-width:180px){.play-area .heading{padding-left:5px;font-size:2rem}}@media (max-width:210px){.heading{font-size:6rem}}@media (max-width:160px){.heading{font-size:5rem}}.play-area{padding:10px;min-height:100vh;background-color:var(--dark-blue)}.functions,.matrices,.mensuration,.permutations-and-combinations,.probability,.sets{min-height:calc(100vh - 20px);background-color:var(--dark-blue)}.determinants input,.matrices input{margin:0 5px;text-align:center}.determinants .label,.matrices .label,.sets .label{min-width:66px;display:flex;align-items:center;justify-content:center;flex-direction:row}.info{text-align:center;font-weight:lighter;margin:10px 0 5px;color:var(--white);font-size:1.2rem}.label,label{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;text-align:center;margin:0 10px;font-weight:700;align-items:center}.label,.result,label{color:var(--white);font-size:2rem;display:flex;justify-content:center;flex-direction:row}.result{margin:10px 5px;font-weight:lighter;align-items:flex-start;word-wrap:break-word;word-break:break-word}.determinants .result,.matrices .result{align-items:center}@media (max-width:580px){.label,label{min-width:auto!important}.label,.result,label{font-size:1.8rem}}@media (max-width:420px){.label,.result,label{font-size:1.6rem}}@media (max-width:380px){.label,.result,label{font-size:1.4rem}}@media (max-width:320px){.label,.result,label{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;font-size:1.8rem}}@media (max-width:220px){.label,.result,label{font-size:1.6rem}.determinants input,.matrices input{margin:0 2px}}.addition-symbol,.adjoint-symbol,.belongs-to-symbol,.co-factors-symbol,.contains-to-symbol,.determinant-symbol,.difference-symbol,.division-symbol,.does-not-belongs-to-symbol,.does-not-contains-to-symbol,.intersection-symbol,.minors-symbol,.phi-symbol,.product-symbol,.symmetric-difference-symbol,.union-symbol{height:100%;line-height:100%;display:flex;align-items:center;justify-content:center;display:inline-block;margin:0 1px}.symbol{text-align:center;font-size:2rem;font-weight:lighter;margin:0 10px;color:var(--white)}.sets,.sets-play-area{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.input-element,.input-set{font-size:1.1rem;color:var(--white);max-width:100%;word-wrap:break-word;word-break:break-word}.input{margin:10px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.input input{font-size:1.5rem;width:100%;padding:5px;border-radius:5px;outline:none;border:none}@media (max-width:320px){.input{margin:10px 5px;flex-direction:column}}@media (max-width:220px){.input input{padding:2px}}.select{margin-top:10px;display:flex;align-items:center;justify-content:center;flex-direction:row;grid-gap:10rem;gap:10rem}label{color:var(--white);font-family:sans-serif}#select{color:var(--black);padding:2px 5px;font-size:2rem;width:300px}@media (max-width:660px){.select{grid-gap:5rem;gap:5rem}}@media (max-width:600px){.select{grid-gap:2rem;gap:2rem}}@media (max-width:560px){.select{grid-gap:1rem;gap:1rem;flex-direction:column}}@media (max-width:360px){#select{font-size:1.5rem!important;width:100%}}@media (max-width:260px){#select{font-size:1.4rem!important}}@media (max-width:250px){#select{font-size:1.3rem!important}}@media (max-width:240px){#select{font-size:1.2rem!important}}@media (max-width:230px){#select{font-size:1.1rem!important}}@media (max-width:220px){#select{font-size:1rem!important}}.radio-group{width:100%;flex-direction:row}.radio-group,.radio-group label{display:flex;align-items:center;justify-content:center}.radio-group label{min-width:110px;cursor:pointer;position:relative;overflow:hidden;margin:0 10px}.radio-group label input{position:absolute;left:-9999px}.radio-group label input:checked+span{background-color:var(--navy-blue)}.radio-group label input:checked+span:before{box-shadow:inset 0 0 0 .4em var(--dark-blue)}.radio-group label span{width:100%;font-size:1.6rem;height:40px;font-weight:bolder;display:flex;align-items:center;justify-content:flex-start;padding:.5em 1em .5em .5em;border-radius:1em;transition:.25s ease}.radio-group label span:hover{background-color:var(--navy-blue)}.radio-group label span:before{display:flex;flex-shrink:0;content:"";outline:none;border:1px solid var(--white);background-color:var(--dark-white);width:1em;height:1em;border-radius:50%;margin-right:.375em;transition:.25s ease;box-shadow:inset 0 0 0 .175em var(--dark-blue)}@media (max-width:420px){.radio-group{flex-direction:column}.radio-group label{margin:5px 0}}@media (max-width:380px){.radio-group label span{font-size:1.4rem!important}}.matrices,.matrices-play-area{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.print-matrix{flex-direction:row;width:90%}.print-matrix,.print-matrix-row{display:flex;align-items:center;justify-content:center}.print-matrix-row{flex-direction:column;padding:0 10px;width:100%}.print-matrix-column,.print-matrix-column div{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%}.print-matrix-column div{margin:5px;padding:5px;background:var(--black)}.check-type,.matrices .division #select,.matrices .element,.matrices .multiplication #select,.transpose{width:100%}.types{display:flex;align-items:center;justify-content:flex-start}.check-type .icon{font-size:1.2em}.check-type .label{text-align:left}.check-type .result{display:grid;grid-template-columns:auto auto auto auto;grid-gap:20px}.matrices-input{font-size:2rem;display:flex;align-items:center;justify-content:center;flex-direction:row}@media (max-width:1160px){.check-type .result{grid-template-columns:auto auto auto;grid-gap:30px}}@media (max-width:810px){.check-type .result{grid-template-columns:auto auto;grid-gap:20px}}@media (max-width:580px){.check-type .result{grid-template-columns:auto;grid-gap:10px}}@media (max-width:600px){.matrices-input,.matrices .result{flex-direction:column}.print-matrix{width:100%}.print-matrix-row{padding:0;width:100%}}@media (max-width:220px){.print-matrix-column div{margin:2px;padding:2px}}.matrix-column{flex-direction:row}.matrix-column,.matrix-row{display:flex;align-items:center;justify-content:center}.matrix-row{flex-direction:column}.determinants,.determinants-play-area{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.determinants .division #select,.determinants .multiplication #select,.division,.find-adjoint,.find-co-factors,.find-minors{width:100%}@media (max-width:600px){.determinants .result{flex-direction:column}}.matrix-input{width:100%;font-size:2rem;display:flex;align-items:center;justify-content:center;flex-direction:row;margin:10px 0}.matrix-input input{text-align:center}.find-element #select,.find-element div.label{width:100%}@media (max-width:320px){.matrix-input{flex-direction:column}.matrix-input #select{font-size:2rem}}footer{position:relative;background:var(--light-black);height:auto;width:100%;padding-top:10px;color:var(--white);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.footer-top p{max-width:500px;margin:0;line-height:28px;font-size:14px;color:var(--dark-white)}.footer-top p span.key{color:var(--crimson)}.footer-top p span.value{color:var(--sky-blue)}.footer-social-media ul{font-size:2rem;display:flex;align-items:center;justify-content:center;margin:1rem 0}.footer-social-media ul li{margin:0 10px}.footer-social-media ul a{text-decoration:none;color:var(--white);padding:5px;border-radius:50%}.footer-bottom{background:var(--black);width:100%;padding:20px;text-align:center;display:grid;grid-template-columns:auto;grid-column-gap:50px;overflow:hidden}.copyright-content p{font-size:1.8rem;word-spacing:2px;text-align:center;text-transform:capitalize}.copyright-content p span{color:var(--sky-blue);cursor:pointer;margin-left:.5rem;font-size:16px;text-decoration:none;transition:all .5s}.copyright-content p span:hover{color:var(--dark-white)}.copyright-content span{text-transform:uppercase;font-weight:200}@media (max-width:560px){.footer-content{padding:0 20px}.footer-bottom{grid-template-columns:auto;grid-column-gap:0}.copyright-content p{text-align:center}}@media (max-width:310px){.footer-bottom{padding:15px}.footer-social-media ul li{margin:0 5px}}@media (max-width:230px){.footer-content{padding:0 5px}.footer-social-media ul{font-size:1.8rem}.footer-social-media ul li{margin:0 1px}.copyright-content p{font-size:1.6rem}.footer-bottom{padding:10px 5px}}@media (max-width:200px){.footer-content,.footer-content .key,.footer-content .value{font-size:1.2rem}.footer-social-media ul{font-size:1.4rem}.footer-social-media ul li{margin:0 1px}.copyright-content p{font-size:1.4rem}.footer-bottom{padding:10px 2px}}@media (max-width:180px){.footer-content p:last-child{display:none}}
/*# sourceMappingURL=main.bdaff8ba.chunk.css.map */