body{margin:0;font-family:Verdana;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.fancyButton{background-color:#24a148;color:#fff;font-size:15px;padding:10px;cursor:pointer;border:none;display:inline-block}.fancyButton.disabled{background-color:#ccc}.breadcrumb{background-color:#111;padding:10px 10px 10px 50px;color:#999}a{color:#5265a3}.pageTitle{height:500px;width:100%;display:flex;padding:70px 0;background-color:#222}.pageTitle .left{width:40%;justify-content:flex-end;align-items:flex-end}.pageTitle .left,.pageTitle .right{height:100%;display:flex;flex-direction:column}.pageTitle .right{width:60%;justify-content:center;align-items:flex-start;padding-left:100px}.pageTitle .titleContent{color:#fff;font-size:50px;margin-bottom:50px;display:flex}.pageTitle .titleCodeologyIcon{height:60px;margin-right:20px}.pageTitle .titleDescription{color:#fff;font-size:17px;width:75%;text-align:justify;margin-bottom:20px}.pageTitle .titleAuthors{color:#999;font-size:14px;width:75%;text-align:justify}@media screen and (max-width:1000px){.pageTitle{flex-direction:column;height:auto;align-items:center;padding-bottom:50px}.pageTitle .left{display:none}.pageTitle .right{width:90%;padding-left:0;margin-top:50px}.pageTitle .titleAuthors,.pageTitle .titleDescription{width:100%}}.section{display:flex;justify-content:center;background-color:#222}.section.alt{background-color:#181818}.section .left{display:flex;align-items:center;justify-content:center;padding:50px}.section .sectionImage{width:300px}.section .right{padding:50px;display:flex;max-width:600px;flex-direction:column}.section .title{font-size:23px;color:#eee;margin-bottom:35px}.section .content{font-size:17px;color:#eee;margin-bottom:20px;text-align:justify}.section .subtext{color:#ccc;flex-grow:1;display:flex;align-items:flex-end;justify-content:center;flex-direction:row}.section .subtext .finalText{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}.divider{background-color:#111;padding:70px 20px;color:#fff;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.divider .title{font-size:33px;text-align:center}.divider .content{text-align:center;font-size:15px;margin-top:15px}.imageHeader{height:500px;background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;flex-direction:column}.imageHeader .imageTitle{color:#fff;font-size:45px;margin-bottom:25px}.imageHeader .imageDescription{color:#fff;font-size:20px;text-align:justify;width:60%}.matrixInput .header{font-size:23px;color:#fff;text-align:center}.matrixInput .iSection{color:#fff;margin-top:20px;background-color:#333;padding:10px}.matrixInput .iSection .title{font-size:18px;margin-bottom:10px}.sampleList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;height:250px;overflow-y:auto}.sampleList .sampleLabel{color:#fff;background-color:#24a148;padding:5px;text-align:center}.sampleList .sample{margin:10px}.sampleList .sample .sampleImg{cursor:pointer}.sampleList .sample.selected,.selectedWhiteShadow{box-shadow:0 0 10px #fff;margin:10px;display:inline-block}.selectedCustomImage{display:flex;flex-direction:column;align-items:center}.selectedCustomImage h3{font-size:17px;font-weight:400;margin-bottom:3px}.barChart{width:100%;display:flex;flex-direction:column}.barChartItem{display:flex;flex-direction:row;align-items:center;height:30px}.barChartBar{height:25px;background-color:#24a148;transition:width .5s}.barChartLabel{width:100px}.barChartLabel,.barChartValue{color:#fff;margin-left:10px}.barChartImage{margin-left:10px;height:25px}.matrixOutput.faded{opacity:.5}.matrixOutput .header{font-size:23px;color:#fff;text-align:center}.matrixOutput .result{color:#fff;margin-top:55px;font-size:16px;line-height:30px;display:flex;margin-bottom:55px}.matrixOutput .result .resright{display:flex;justify-content:flex-end;flex-grow:1}.matrixOutput .result .resright img{width:80px;height:80px}.neuralNetworkInterface{display:flex;flex-direction:row;background-color:#222}.neuralNetworkInterface .left,.neuralNetworkInterface .right{width:50%;padding:20px 50px 50px}.neuralNetworkInterface .right.faded{background-color:#444}
/*# sourceMappingURL=main.4dff3485.chunk.css.map */