.header{width:100vw;height:100px;display:flex;justify-content:space-between;align-items:center;position:relative}.navigationButton{opacity:.5;height:60%;width:min(12vw,240px);margin:25px;border-radius:var(--radius-md);position:relative;font-size:x-large;padding:0;background-color:transparent;cursor:pointer;transition:opacity .3s,transform .3s}.navigationButton:hover{opacity:1}.navigationButton:first-child:hover{transform:translate(10%) scale(1.2)}.navigationButton:last-child:hover{transform:translate(-10%) scale(1.2)}.navigationButton:first-child{text-align:right;box-shadow:2px 1px 10px #ffffff59}.navigationButton:last-child{text-align:left;box-shadow:-2px 1px 10px #ffffff59}.navImageButton{border-radius:var(--radius-md) var(--radius-md) 0 0;position:absolute;left:0;top:0;height:70%;width:100%}.navTextDiv{color:#fff;width:100%;height:30%;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.75rem,.4rem + .5vw,.9rem);position:absolute;bottom:0;background-color:transparent;border-radius:0 0 var(--radius-md) var(--radius-md)}.homeNavLink{text-decoration:none;color:#fff;opacity:.25;font-size:clamp(1rem,.6rem + 1vw,1.5rem);transition:transform .5s,opacity .5s}.navigationButton:focus-visible,.homeNavLink:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.homeNavLink:hover{opacity:1;transform:scale(1.5)}@keyframes loadAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.learningButton{position:fixed;right:.625rem;top:.625rem;width:3.5rem;height:3.5rem;padding:0;border:none;border-radius:50%;background-color:#091313d1;display:flex;align-items:center;justify-content:center;cursor:pointer}.learningButton img{width:60%;height:60%;transition:transform .3s}.learningButton:hover{box-shadow:inset #000 0 0 .625rem .1875rem}.learningButton:hover img{transform:scale(1.1)}.unsupported-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(1200px 700px at 20% 10%,rgba(124,179,158,.1),rgba(0,0,0,0) 60%),radial-gradient(1000px 600px at 80% 90%,rgba(92,131,116,.08),rgba(0,0,0,0) 65%),radial-gradient(700px 450px at 70% 20%,rgba(124,179,158,.05),rgba(0,0,0,0) 70%),conic-gradient(from 180deg at 50% 50%,rgba(92,131,116,.04),rgba(0,0,0,0) 25%,rgba(124,179,158,.04) 50%,rgba(0,0,0,0) 75%,rgba(92,131,116,.04) 100%),linear-gradient(180deg,#081616 0%,#0C1D1D 40%,#0F2525 100%);color:var(--color-fg);z-index:10000}.unsupported-card{text-align:center;max-width:38rem;width:min(92vw,640px);background:linear-gradient(180deg,rgba(14,34,33,.98) 0%,rgba(11,29,28,.97) 40%,rgba(8,22,21,.96) 100%);color:var(--color-fg);border:1px solid rgba(92,131,116,.18);border-radius:var(--radius-md);box-shadow:0 10px 30px #000000a6,0 0 0 1px #5c83740f inset;padding:var(--space-6)}body{padding:0;margin:0;font-family:Inika,serif}.contentDiv{display:flex}.optionsDiv{height:50%;width:100%;display:flex;flex-direction:column;align-items:center}label:has(.input){color:#fff;text-align:center;margin-top:20px;margin-bottom:10px;font-size:2.75vh}.input{background-color:#1d252a;color:#fff;font-size:2.5vh;padding-left:15px;width:10vw;height:4vh;margin:0 25px;border:none;border-radius:30px;box-shadow:2px 3px 5px #00000080}.colorPaletteInput{outline:none;width:10vw;height:100px;padding:0;margin:0}.colorPaletteOption{list-style-type:none;background-color:#fff;width:4vh;height:4vh;border-radius:50%;margin:5px 5px 5px 10px}.colorPaletteOptionChosen{transform:scale(1.25) translate(25%);margin-block:15px;outline:#7CB39E solid 2px}.BlueYellow{background:linear-gradient(70deg,rgb(0,7,100),rgb(32,107,203),rgb(237,255,255),rgb(255,170,0),rgb(0,2,0))}.Rainbow{background:linear-gradient(70deg,red,orange,yellow,cyan,blue,magenta)}.PastelRainbow{background:linear-gradient(70deg,#ffb3ba,#ffdfba,#ffffba,#baffc9,#bae1ff)}.Fire{background:linear-gradient(70deg,black 40%,red,yellow,white)}.input:focus-visible{outline:#7CB39E solid 2px}.input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.constantValueDiv{display:flex;justify-content:center;align-items:center}.constantValueDiv .input{width:5vw!important}.settingsDiv{width:30vw}.selectFractalContainer{height:50%;width:100%;display:flex;justify-content:center}.selectFractal{padding:0;font-size:3vh;height:30vh;width:15vw;top:15px;cursor:pointer}.selectFractal:focus{outline:none}.selectFractal::-webkit-scrollbar{display:none}.fractalOption{display:flex;align-items:center;padding:0 0 0 30px;height:25%}.fractalOption:hover{background-color:#223a3a}.fractalOption:first-child{border-radius:30px 30px 0 0}.fractalOption:last-child{border-radius:0 0 30px 30px}.fractalOptionSelected{display:flex;align-items:center;padding:0 0 0 30px;height:25%;background-color:#2f5050}.fractalOptionSelected:first-child{border-radius:30px 30px 0 0}.fractalOptionSelected:last-child{border-radius:0 0 30px 30px}.fractalDiv{height:40vw;width:50vw;display:flex;justify-content:end;align-items:center}.fractalImage{position:relative;height:600px;width:600px;border-radius:30px}.fractalColorContainer{position:relative}.inputNumber{display:flex;margin:0 25px;border-radius:30px}.inputNumberArrowsContainer{height:calc(4vh + 1px);display:flex;flex-direction:column}.inputNumber .input{outline:none;margin-left:0;border-radius:30px 0 0 30px;margin-right:0;width:8.5vw}.inputNumberArrowButton{height:50%;width:1.5vw;border:none;font-size:1.5vh;box-shadow:2px 3px 5px #00000080;color:#5c8374;background-color:#0f1416;padding:0;cursor:pointer}.inputNumberArrowButton:hover{color:#c2ffe7}.inputNumber:focus-within{outline:#7CB39E solid 2px}.inputNumberArrowButton:first-child{border-radius:0 30px 0 0;padding-top:1px}.inputNumberArrowButton:last-child{border-radius:0 0 30px;padding-bottom:1px}.infoButton{border-radius:50%;width:5vh;height:5vh;color:#fff;background-color:#091313d1;border:none;margin-top:35px}.infoButton:hover{box-shadow:inset #000 0 0 10px 3px}.infoButton:hover+.juliaInfoDiv{display:block}.juliaInfoDiv:hover{display:block}.juliaInfoDiv{display:none;position:fixed;background-color:#0f1416;width:20vw;right:50px;margin-bottom:130px;padding:10px;border-radius:20px}.header404{width:100vw;height:100px;display:flex;align-items:center;justify-content:center}.main404{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c5f5e3;font-size:xxx-large;height:50vh;width:100vw}.main404 span:first-child{font-size:20vh}.main404 span:last-child{font-size:5vh;opacity:.5;text-align:center}.navButton{display:block;width:300px;height:80px;text-decoration:none;margin:30px;border-radius:20px;transition:transform .5s,box-shadow .5s;box-shadow:3px 10px 10px 1px #ffffff26}.navButton:hover{text-decoration:none;transform:scale(1.2);box-shadow:3px 10px 10px 1px #fff6}.navImage{width:100%;height:80%;border-radius:20px 20px 0 0}.navImage img{width:100%;height:100%;border-radius:20px 20px 0 0}.navLabel{color:#c5f5e3;font-size:small;background-color:#000;width:90%;height:20%;padding-inline:5%;padding-bottom:5px;border-radius:0 0 20px 20px}.pageDiv{background:radial-gradient(1200px 700px at 15% 10%,rgba(124,179,158,.18),rgba(15,37,37,0) 60%),radial-gradient(900px 500px at 85% 85%,rgba(92,131,116,.16),rgba(15,37,37,0) 65%),radial-gradient(600px 400px at 70% 20%,rgba(124,179,158,.1),rgba(15,37,37,0) 70%),conic-gradient(from 180deg at 50% 50%,rgba(92,131,116,.06),rgba(15,37,37,0) 25%,rgba(124,179,158,.06) 50%,rgba(15,37,37,0) 75%,rgba(92,131,116,.06) 100%),linear-gradient(180deg,#0A1F1F 0%,#0A1616 40%,#0F2525 100%);min-height:100vh}.pageDiv a{text-decoration:none}.navWindow{display:flex;justify-content:center;align-items:center;border-radius:20px;width:560px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navContainer{width:85%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0009;border-radius:0 20px 20px 0}.sideTitle{color:#c5f5e3;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:15%;font-size:x-large;background-color:#00000080;border-radius:20px 0 0 20px}.sideTitle span{margin-block:3%}ul{list-style:none}@keyframes loadFromBottom{0%{transform:scale(2)}to{transform:scale(0)}}.header{width:100vw;height:6.25rem}.contentDiv{display:flex;justify-content:center;align-items:center}.pictureDiv{height:40vw;width:50vw;display:flex;flex-direction:column;justify-content:end;align-items:center}.settingsDiv{display:flex;flex-direction:column;align-items:center}.canvas{position:relative;height:65vh;width:40vw;border-radius:30px;border:solid red 1px;background-color:#fff}.pickedColor{height:10vh;width:20vw;border-radius:.9375rem}.hoveredColor{height:1.875rem;width:1.875rem;border:solid greenyellow .0625rem;position:absolute}.loadSaveButtons{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:1rem}.loadImageButton{width:3.5rem;height:3.5rem;margin-inline:2.5rem;padding:0;border:none;border-radius:50%;background-color:#091313d1;display:flex;align-items:center;justify-content:center}.loadImageButton img{transition:height,width .25s;height:30%;width:30%}.loadImageButton:hover{box-shadow:inset #000 0 0 .625rem .1875rem}.loadImageButton:hover img{height:35%;width:35%}input[type=file]{display:none}.colorContainer{margin:.625rem;color:#fff;font-size:1.25rem;display:flex;justify-content:center;align-items:center}.colorValueContainer{background-color:#1d252a;padding-left:.9375rem;width:12rem;height:2rem;margin-left:.3125rem;border:none;border-radius:1.875rem;text-align:center;font-size:1.25rem;font-family:Inika;box-shadow:.125rem .1875rem .3125rem #00000080}.button{background-color:#1d252a;border:none;color:#fff;width:7.5rem;height:2.5rem;border-radius:1.875rem;box-shadow:.125rem .1875rem .3125rem #00000080}.switch{position:relative;display:inline-block;width:9rem;height:2.125rem}.switch input{opacity:0;width:0;height:0}.switch:active{outline:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1d252a;-webkit-transition:.4s;transition:.4s;box-shadow:.125rem .1875rem .3125rem #00000080}.slider:before{position:absolute;content:"";height:1.625rem;width:1.625rem;left:.25rem;bottom:.25rem;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#5d8374}input:checked+.slider:before{-webkit-transform:translateX(6.875rem);-ms-transform:translateX(6.875rem);transform:translate(6.875rem)}.slider.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}.modePicker{font-size:1.5rem;display:flex;flex-direction:column;color:#fff;justify-content:center;align-items:center;margin-block:1.5rem}.modeName{color:#fff;z-index:100;position:absolute;transition:opacity .4s;font-size:1rem;top:.5rem;cursor:pointer}.modeName:first-child{right:.625rem}.modeName:last-child{left:.625rem;opacity:0}.valueRange{display:flex;flex-direction:column;color:#fff;justify-content:center;align-items:center;margin-block:.5rem}input[type=range]{-webkit-appearance:none;background-color:transparent;border:none;color:transparent;box-shadow:.0625rem .0625rem .125rem #00000080}input[type=range]::-webkit-slider-runnable-track{background:#1D252A;height:.5rem;border:none;border-radius:.3125rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.125rem;background-color:#5c8374;height:.75rem;width:.75rem;border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{border:solid .125rem #315251}input[type=range]::-webkit-slider-thumb:active{background-color:#315251}button{font-size:1.75rem;font-family:Inika,serif}body{padding:0;margin:0}.header{width:100vw;height:100px}.page{width:100vw;height:100vh;background:linear-gradient(black,20%,#0f2525);padding:0;margin:0}.contentDiv{display:flex;justify-content:center;align-items:center;animation:loadAnimation .2s linear}.settingsDiv{display:flex;flex-direction:column;align-items:center;color:#fff}.squareCanvas{height:65vh;width:40vw;border-radius:1px;border:solid black 1px;background-color:#fff}.button{background-color:#1d252a;margin:.3125rem;font-size:1.25rem;border:none;color:#fff;width:7.5rem;height:2.5rem;border-radius:1.875rem;box-shadow:.125rem .1875rem .3125rem #00000080}.button:hover{background-color:#294646}.button:active{background-color:#649180}.squareInputDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px;font-size:xx-large;border:white 1px solid;border-radius:30px;padding:10px}.pointInputDiv{font-size:large;text-align:center}.pointInput{background-color:#1d252a;color:#fff;font-size:2vh;padding-left:15px;width:3vw;height:4vh;margin-block:5px;margin-inline:5px;border:none;border-radius:30px;box-shadow:2px 3px 5px #00000080}.pointInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pointInput[type=number]::-webkit-outer-spin-button,.pointInput[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.colorsArticle{display:flex;flex-direction:column;align-items:center;justify-content:center}.infoColorsSection{color:#fff;display:flex;flex-direction:column;align-items:center;background-color:#0009;padding:20px;border-radius:20px;max-width:50vw;margin-inline:20px;text-align:justify}.illustrationSection{color:#fff;display:flex;flex-direction:column;align-items:center;background-color:#0009;padding:20px;border-radius:20px;justify-content:center;font-size:large}.illustrationSection img{margin:10px;width:100%}.infoColorsSection img{margin:10px;width:100%;max-width:50vw}.section{display:flex;margin:20px}.fractalArticle{padding:20px;display:flex;flex-direction:column}.infoSection{display:flex}.linksSection{background-color:#0009;color:#fff;padding:20px 70px 30px 20px;margin:20px;border-radius:20px}.textSection{width:60vh;background-color:#0009;margin-inline:20px;border-radius:20px;padding:20px;color:#fff;text-align:center}.textSection p{text-align:justify}.videoDiv{background-color:#0009;border-radius:20px;display:flex;flex-direction:column;color:#fff;padding:10px;align-items:center}.videoDiv:has(img){margin-top:10px;height:60vh;position:relative}.videoDiv img{margin-top:20px;width:80%}.algebraicVideo{height:35vh;padding:10px}p a{color:#c5f5e3}.learningAside{position:fixed;left:0;height:100vh;background-color:#00000080;width:17vw;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:asideLoad .3s linear}.learningNav{display:flex;flex-direction:column;align-items:center;justify-content:center}.navBtn{color:#fff;text-decoration:none;opacity:.6;font-size:x-large;margin-block:10px;transition:opacity .3s,transform .3s}.navBtn:hover:not(.active){opacity:.9;transform:scale(1.1)}.active{opacity:1;transform:scale(1.5)}.learningMain{margin-left:17vw;display:flex;flex-direction:column;align-items:center;padding:10px}@keyframes asideLoad{0%{transform:translate(-100%)}to{transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#2f5050}::-webkit-scrollbar-thumb{background-color:#0f2525;border-radius:5px}:root{--color-bg: #0F2525;--color-fg: #E9FFF5;--color-primary: #5C8374;--radius-md: 12px;--space-6: 24px;--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 15% 10%,rgba(124,179,158,.1),rgba(15,37,37,0) 60%),radial-gradient(900px 500px at 85% 85%,rgba(92,131,116,.08),rgba(15,37,37,0) 65%),radial-gradient(600px 400px at 70% 20%,rgba(124,179,158,.05),rgba(15,37,37,0) 70%),conic-gradient(from 180deg at 50% 50%,rgba(92,131,116,.04),rgba(15,37,37,0) 25%,rgba(124,179,158,.04) 50%,rgba(15,37,37,0) 75%,rgba(92,131,116,.04) 100%),linear-gradient(180deg,#081616 0%,#0C1D1D 40%,#0F2525 100%);color:var(--color-fg)}