body{background-image:linear-gradient(270deg,#9aa0ac,#d3d3d4);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}:root{--border-color:#61616191;--button-color:#fff;--background-circle:#a0a0a05e;--visual-info:#ddd;--visual-options:#ddd}.navbar{background-color:var(--button-color);border-radius:5px;grid-template-columns:repeat(2,1fr);width:260px;margin-left:auto;margin-right:100px;display:grid;position:absolute;top:20px;left:0;right:0;box-shadow:0 0 2px 2px #d3d3d3}.navbar button{color:#141414;background-color:#9b9b9b00;border:none;border-left:2px solid #4d4d4d;border-radius:5px;height:50px;padding:0;font-size:15px;transition:background-color .2s}.navbar button:hover{color:#ffffffb4;cursor:pointer;background-color:#646464}.backGround{width:100vw;height:100vh;position:absolute}.logo{color:#8b8b8b;width:300px;font-size:50px;font-weight:900;position:fixed;top:-40px;left:10px}.backGroundCircle1{background:var(--background-circle);z-index:-1;border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-5vw;right:-10vw}.backGroundCircle2{background:var(--background-circle);z-index:-1;border-radius:50%;width:600px;height:600px;position:absolute;top:-500px;left:-260px}.backGroundCircle3{background:var(--background-circle);z-index:-1;border-radius:50%;width:15vw;height:15vw;position:absolute;bottom:0;left:15vw}.footer{background-color:#4747474d;border-top:2px solid #464646ad;grid-template-columns:1fr 60px 1fr;width:100vw;height:40px;display:grid;position:absolute;bottom:0;right:0}.contact{margin:auto;padding-top:2px}.copyright{margin-left:auto;margin-right:50px}.copyright p{color:#222;margin:auto;padding:9px 0 0;font-size:17px}.cspan{color:#cecece}.mainSection{grid-template-columns:1fr 600px 1fr;height:804px;margin:70px auto auto;display:grid;overflow:hidden}.neuralNetwork{border:2px solid var(--border-color);background-color:#ffffff4d;border-radius:10px;grid-template-rows:150px 0 0 1fr;width:600px;height:150px;display:grid;position:relative;box-shadow:0 0 1px 1px #6161616c}.manualPlay{visibility:visible;border:2px solid var(--border-color);background-color:#ffffff4d;border-radius:10px;width:100%;height:100%;position:absolute;box-shadow:0 0 1px 1px #6161616c}.options{border-radius:10px;grid-template-columns:1fr 200px 0;width:600px;transition:margin-top .5s;display:grid}.optionHeader{grid-template-columns:40px 1fr;margin-top:-12px;font-size:14px;display:grid}.optionsButton{background-color:#fff0;border:none;height:50px}.optionImage{z-index:2;width:30px;height:30px;position:relative}.optionImage:hover{cursor:pointer}.setupInputs{z-index:6;grid-template-rows:60px 1fr 1fr;height:130px;margin-top:5px;display:grid}.setupInput{grid-template-columns:1fr 50px;display:grid}.setupInputSlider{width:110px;height:2px}.isetup{grid-template-columns:40px 1fr 40px;height:20px;display:grid}.isetup p{margin:0;padding:3px 0 0}.isetupValue{font-weight:900}.setupInput h2{margin:0;padding:0;font-size:30px}.additionaOptions{border:2px solid var(--border-color);background-color:#ffffff4d;border-top-right-radius:5px;border-bottom-right-radius:5px;max-width:425px;height:744px;margin-top:5px;transition:width .3s ease-out;position:relative;overflow:hidden}.aOptionHeader{font-size:20px}.aOptionContainer h2{margin:0 0 8px;padding:0}.attributes{margin:0;padding:0}.inputContainer{width:400px;margin-left:40px}.input{grid-template-rows:23px 30px;grid-template-columns:270px 70px 40px;display:grid}.input p{margin:0;padding:0}.inputValue{text-align:left;margin:12px 0 0}.description{margin-top:0x;width:40px;height:40px}.description:hover .descriptionText{width:360px;padding-left:20px;padding-right:20px}.descriptionText{color:#dfdfdf;z-index:10;background-color:#818181;border-radius:5px;width:0;height:50px;transition:width .2s;position:relative;left:-400px;overflow:hidden}.infosvg{fill:#964747}.inputSlider{width:250px;height:2px}.simulationControl{grid-template-rows:40px 1fr;height:140px;display:grid}.simulationButtons{grid-gap:5px;grid-template-columns:repeat(3,120px);height:35px;margin:0 5px;display:grid}.simulationButtons button{background-color:var(--button-color);color:#141414;-webkit-user-select:none;user-select:none;border:none;border-left:2px solid #4d4d4d;border-radius:5px;font-size:15px}.simulationButtons button:hover{color:#ffffffb4;cursor:pointer;background-color:#646464}.simulationState{background:linear-gradient(90deg,#ffffffcb 39%,#0000 100%);height:80px;padding-left:10px}.manualState{width:70%}.simulationState h3{-webkit-user-select:none;user-select:none;margin:7px 0 0;padding:0}.simulationState h1{-webkit-user-select:none;user-select:none;margin:0;padding:0}.statistics h3{text-align:center;margin:30px 0 0}.statistics h1{text-align:center;margin:0;padding:0}.simulationStats{color:#727272;background-color:#bbb;border-left:2px solid #838383;border-top-right-radius:5px;grid-template-rows:1fr 1fr 1fr;height:150px;padding-left:10px;display:grid;position:relative}.simulationStats p{margin:0;padding-top:5px;font-size:18px}.simulationNumber{margin:0;font-size:25px;font-weight:600}.speedInput{margin-top:-17px;margin-left:3px;font-size:18px;position:relative}.speed{z-index:6;border:30px;width:594px;height:4px;margin:0;padding:0;font-size:25px;position:relative}.speedTag{margin:0;padding:0}.speedHeader{font-size:25px}.canvas{border-bottom:2px solid var(--line-color);border-top:2px solid var(--line-color);visibility:visible;background-color:#f0f0f0;border:2px solid #2b2b2b;border-radius:5px;width:599px}.statCanvas{z-index:3;background-color:#fff0;border-top-right-radius:7px;margin-top:-150px;margin-left:auto;position:relative}.chartContainer{width:600px;height:800px;overflow:hidden}.charts{grid-row-gap:50px;width:500px;margin:170px auto auto;transition:margin-left .6s;display:grid}.chart{background-color:#ffffff8e;border-radius:5px}.visuals{width:500px;height:300px;margin:auto;transition:margin-top .5s}.visualNavigation{background-color:var(--button-color);border-radius:5px;grid-template-columns:repeat(4,1fr);height:50px;margin-top:50px;transition:margin-top .5s;display:grid;box-shadow:0 0 2px 2px #d3d3d3}.visualNavigation button{color:#141414;background-color:#8d202000;border:none;border-left:2px solid #4d4d4d;border-radius:5px;height:50px;padding:0;font-size:15px;transition:background-color .2s}.visualNavigation button:hover{color:#ffffffb4;cursor:pointer;background-color:#646464}.visualHeader{background-color:#fff;border-left:2px solid #4d4d4d;border-radius:5px;grid-template-columns:1fr 50px;width:100%;height:50px;display:grid}.visualHeader button{background-color:#0000;border:none}.visualHeader h1{margin:0;padding:0 0 0 5px}.visualInfo{background-color:var(--visual-info);z-index:-1;border:2px solid #696969;border-top:0;border-radius:0 0 5px 5px;grid-template-columns:auto 1fr;width:494px;height:38px;margin-top:-5px;margin-left:2px;display:grid;position:relative}.visualInfo p{align-self:center;margin:0;padding-left:5px}.visualMessage{color:#940000;margin-left:auto}.message{color:#940000}.familyVisualInfo{display:flex}.birdView{margin-top:50px}.birdInput p{text-align:center;z-index:-2;margin:0;padding:0;font-size:10px}.birdInput{grid-template-columns:repeat(6,1fr);display:grid}.fade{z-index:-1;height:200px;margin-top:-200px;position:relative}.neuralNet{grid-template-rows:50px auto 45px 0 1fr;margin-top:50px;display:grid;overflow:hidden}.layerOptions{background-color:var(--visual-options);border:0;border-left:2px solid #696969;border-right:2px solid #696969;width:494px;height:0;margin-left:2px}.layerOpen{margin-left:-40px}.lOptions{grid-template-columns:repeat(3,1fr);height:40px;display:grid}.lOptions h3{text-align:center;color:#525252;background-color:#bbb;border-radius:5px;margin:5px;padding-top:3px;font-size:18px;font-weight:500}.oValue{color:#373d50}.neuralOptions{grid-template-columns:repeat(3,1fr);display:grid}#layers{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));height:auto;display:grid}.neuralSvg{z-index:-2;width:500px;height:2000px;position:relative}.neuralLine{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:example;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes example{0%{stroke-dashoffset:1500px}to{stroke-dashoffset:0}}.layer{grid-row-gap:10px;color:#7c7c7c;grid-template-rows:200px repeat(auto-fit,minmax(30px,1fr));justify-self:center;display:grid}.layerHeader h3{margin:0;padding:0}.addLayer{grid-template-columns:30px 1fr 30px;padding:0 9px;display:grid;position:relative;top:39px}.addLayer button{background-color:#f3f3f3;border:1px solid #c2c2c2;border-radius:50%;width:30px;height:30px;font-size:15px;box-shadow:inset 0 0 3px #616161}.addLayer button:hover{cursor:pointer;background-color:#e9b2b2}.minus{padding-bottom:5px}.plus{padding-bottom:1px}.neuron{background-color:#fff;border:1px solid #c2c2c2;border-radius:50%;justify-self:center;width:30px;height:30px;transition:transform .2s;box-shadow:inset 0 0 3px #616161}.neuron:hover{transform:scale(.95)}.neuronInfo{color:#e6e6e6;opacity:0;text-align:center;background-color:#979797;border:2px solid #c2c2c2;border-radius:5px 5px 5px 0;width:0;height:0;transition:opacity .2s,height .2s,width .2s,top .2s;position:relative;top:0;left:22px;overflow:hidden}.neuron:hover .neuronInfo{opacity:1;width:70px;height:25px;top:-25px}.DNA{margin-top:50px}.dnaPage{grid-template-rows:0 1fr;width:500px;height:auto;margin-top:20px;display:grid}.centerAlign{justify-self:center;width:1px;height:1px;margin-top:50%}.centerDot{z-index:1;background-color:#a3a3a3;border:2px solid #353535a3;border-radius:25px;width:120px;height:30px;display:flex;position:relative;top:-15px;left:-15px}.centerDot p{align-self:center;margin:0;padding-left:5px;font-size:15px}.fitnessPercentage{align-self:center;margin:0;padding-left:5px;font-size:17px}.familyTree{grid-template-rows:50px 1fr 35px;max-height:600px;margin-top:50px;display:grid}.generationContainer{scrollbar-width:none;flex-direction:column-reverse;width:494px;max-height:500px;margin-left:5px;display:flex;overflow-y:scroll}.generationContainer::-webkit-scrollbar{display:none}.generationOptions{background-color:var(--visual-options);border:0;border-left:2px solid #696969;border-right:2px solid #696969;width:494px;height:0;margin-left:2px;overflow:hidden}.generation{grid-template-columns:45px 1fr;display:grid}.genHeader{color:#000;background-color:#868686;border-top:2px solid #666;border-right:2px solid #666;justify-content:center;margin:0;font-size:13px;font-weight:500;display:flex}.generationBirds{grid-template-columns:repeat(auto-fill,minmax(44px,44px));width:auto;display:grid}.oldgen{height:1fr;background-color:#86b489;min-width:44px;padding-top:2px}.oldgen p{text-align:center;margin:0;padding-bottom:3px;font-size:12px}.currentGen{grid-gap:2px;border-top:2px solid #000;grid-template-columns:repeat(12,1fr);width:494px;margin-left:5px;display:grid}.currentGenHeader{border:0;grid-column:1/3;padding-top:5px}.currentGen p{color:#fff;text-align:center;background-color:#868686;height:30px;margin:0;padding:5px 0 0;font-size:15px}.currentGen button{font:inherit;background:0 0;border:none;padding:0}.currentGen p:hover{cursor:pointer;background-color:#aaa}.generationOptions{grid-template-columns:1fr 1fr;display:grid}.genInfo{background-color:#c7c7c7;border-radius:5px;grid-template-columns:1fr 1fr;margin:5px 0 5px 5px;display:grid}.genInfo h2{margin:0;padding-left:5px}.genInfo p{grid-column:1/3}.genSettings{background-color:#c7c7c7;border-radius:5px;margin:5px}.genSettingsValues{grid-template-columns:repeat(3,1fr);display:grid}.genInfo div{text-align:center;border-radius:3px;justify-self:center;width:70px;height:15px;padding-bottom:2px;font-size:12px}.divParents{border-radius:2px;height:15px;margin:10px 5px 5px;padding:0 5px 6px;font-size:14px}.parentOne{background-color:#fff}.parentTwo{background-color:gray}.checkBoxInput{grid-template-columns:35px 150px;display:grid}.selectorButton{font:inherit;color:inherit;background:#d3d3d3;border:1px solid #fff;margin:4px;padding:0}.selectorButton:hover{cursor:pointer}.selectorButton p{text-align:center;margin:0;padding:0;font-size:15px}.checkBoxInput p{margin:0;padding:0;font-size:20px}.checkBox{background-color:#515151;width:25px;height:25px}input[type=checkbox]{cursor:pointer;appearance:none;background:#d3d3d3;border:1px solid #fff;outline:0}input[type=checkbox]:checked{background:#a8a8a8}input[type=checkbox]:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:25%;height:70%;display:none;position:relative;top:0%;left:33%;transform:rotate(45deg)}input[type=checkbox]:checked:after{display:block}@media screen and (-webkit-device-pixel-ratio>=0){input[type=range]{-webkit-appearance:none;background-color:#44ad8a}input[type=range]::-webkit-slider-runnable-track{border:none;border-radius:3px;width:30px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#141414;border:2px solid #515151;border-radius:510%;width:14px;height:14px;margin-top:-6px}input[type=range]:focus{outline:none}}@media only screen and (width<=1050px){.footer,.backGroundCircle1,.backGroundCircle2,.backGroundCircle3{display:none}.navbar{z-index:10;max-width:99vw;height:30px;margin:auto;top:0}.navbar button{height:30px}.logo{z-index:-1;width:100%;margin:auto;display:flex;left:0}.mainLogo{margin:40px auto auto;position:relative}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.mainSection{grid-template-rows:repeat(3,0);grid-template-columns:1vw;max-height:100vh;margin-top:0;overflow:hidden}.neuralNetwork{background-color:#adadad;border:0;border-radius:0;grid-template-rows:150px 0 0 600px 50px;width:100vw;height:auto;margin-top:30px}.manualPlay{background-color:#0000;border:none;height:100px;margin-top:100px;box-shadow:0 0 1px 1px #61616100}.manualState{display:none}.options{grid-template-columns:minmax(120px,1fr) 1fr;width:98vw}.setupInputs,.setupInput{width:auto}.setupInputSlider{width:100%}.isetup{text-align:center;grid-template-columns:40px 1fr 40px;width:auto}.simulationControl{grid-template-rows:40px 1fr;height:120px;margin-top:60px;display:grid}.simulationButtons{grid-row:2/3;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:minmax(25px,50px);margin-top:-65px;position:absolute}.simulationState{grid-row:1/2;margin-top:-60px}.additionaOptions{z-index:5;border:0;max-width:100vw;height:auto;min-height:100vh;position:absolute;top:136px;overflow:scroll;box-shadow:0 0 1px 1px #d3d3d300}.inputContainer{width:100vw;margin-left:0;position:absolute}.input{grid-template-rows:25px 30px;grid-template-columns:1fr 70px 50px}.inputSlider{justify-self:center;width:90%;padding-left:10px}.input p{padding-left:10px}.descriptionText{max-width:70vw;height:auto;min-height:50px;padding-left:80px;left:-100vw}.description:hover .descriptionText{padding-left:60px;padding-right:60px}.speedInput{width:0;transition:width}.description:hover .descriptionText{width:98vw}.canvas{width:99vw;height:75vh}.statCanvas{z-index:1}.simulationStats{background-color:#bbb}.speed{z-index:4;width:98vw}.visualNavigation{visibility:visible;z-index:10;border-radius:0;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));width:100vw;height:30px;position:fixed;bottom:0}.visualHeader{width:100vw}.visualNavigation button{border-left:2px solid #4d4d4d;height:30px;margin:0;font-size:13px}.visuals{width:100vw;height:80vh;margin-top:190px}.visualPages{height:100vh;margin-top:-60px}.visualInfo{display:none}.visualShade{z-index:-1;width:100vw;height:180px;display:none;position:absolute}.optionImage{z-index:2}.layerOptions{width:100vw}.lOptions h3{font-size:15px}.layerOptions{z-index:2}.layer{grid-row-gap:5px;color:#7c7c7c;grid-template-rows:500px repeat(auto-fit,minmax(15px,1fr));justify-self:center;display:grid}#layers{width:100vw}.neuralNet{height:600px;margin:50px auto auto}.neuralSvg{z-index:-1;margin-top:50px}.addLayer{margin-top:20px}.chartContainer{z-index:5;width:99vw;height:450px;margin-top:170px;margin-left:-10px}.charts{grid-row-gap:0px;z-index:5;width:90vw;height:400px;margin-top:30px}.chart{width:85vw;height:200px}.dnaPage{width:99vw;height:99vw}.birdInput p{z-index:-1}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}