#LeftColumnContainer{height:100%;display:flex;flex-direction:column;border-right:1px solid #c8c8c8}#TitleContainer{position:relative;height:5%;font-size:1.6vh;font-family:"Montserrat",sans-serif;color:#464646;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}#TitleContainer>button{background-color:snow;border:1px solid grey;border-radius:.5em;transition:.3s;color:grey;padding:.2em;margin-right:2%;margin-left:2%;font-family:"Montserrat",sans-serif;margin-top:1%;font-size:100%;cursor:pointer}#TitleContainer>button:hover{background-color:#fff0f0;border:1px solid #000;color:#000}@media only screen and (max-width:50em){#LeftColumnContainer{border-bottom:1px solid #c8c8c8}#TitleContainer{height:15%;font-size:1.5vh}#AxisGraphConatiner{height:85%}}#AxisGraphContainer{display:flex;flex-direction:column;height:95%}#MessageForm{border:1px solid #c8c8c8;border-radius:.5em;background-color:#fff;box-shadow:0 0 3px #646464;position:absolute;width:80%;left:10%;top:50%;z-index:2;padding:1em;max-height:40em;overflow-y:auto;font-size:1em}#MessageForm>p,.newInput{margin-bottom:1em}.newInput p{margin-bottom:.3em}#MessageForm input{margin-right:.4em}#MessageForm input[type=text]{border:none;border-bottom:1px solid #c8c8c8;transition:.3s;width:90%}#MessageForm input[type=text]:focus{outline:none;border:none;border-bottom:1px solid #000}#MessageForm button[type=submit]{background-color:#fff;border:1px solid grey;border-radius:.5em;transition:.3s;color:grey;padding:.2em;margin-right:2%;margin-left:2%;font-family:"Montserrat",sans-serif;margin-top:1%;font-size:100%;cursor:pointer}#MessageForm button[type=submit]:hover{border:1px solid #000;color:#000}.formRemoveButton{position:absolute;right:0;top:0;background-color:transparent;border-width:0;color:grey;padding:.3em;border-radius:.3em;font-weight:700;font-size:1.7em;transition:.2s;cursor:pointer}.formRemoveButton:hover{color:#000}.AxisInterface{border:1px solid #c8c8c8;border-radius:.3em;padding:.3em;display:flex}.AxisInterface button{border:1px solid #c8c8c8;background-color:transparent;padding:.5em;border-radius:.5em;margin-left:2em}.AxisInterface button:hover{border:1px solid #000}.GenericInterface{border:2px solid #c8c8c8;margin-top:.3em;border-radius:.7em;background-color:#fff;position:relative;transition:.4s;width:100%}.GenericInterface:focus-within{border:2px solid #000}.removeButton{position:absolute;left:0;top:0;background-color:transparent;border-width:0;color:grey;padding:.3em;border-radius:.3em;font-weight:700;font-size:1.2em;transition:.2s;cursor:pointer}.removeButton:hover{color:#000}.controlsAndSettingsToggleButton{display:flex;justify-content:space-between;width:100%}.integralControls{display:flex;width:calc(100% - 2em)}.settingsButtonCont{display:flex;align-items:center;color:grey;font-size:1.5em;cursor:pointer;transition:.2s;width:1.5em}.settingsButtonCont:hover{color:#000}.settingsButton{transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;display:inline-flex}.settingsButtonCont:hover .settingsButton{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.colorFFFFFF{border-color:#f0f0f0}.colorFFFFFF:focus-within{border-color:#a1a1a1}.colorFF9AA2{border-color:#ff9aa2}.colorFF9AA2:focus-within{border-color:#ff0015}.colorFFB7B2{border-color:#ffb7b2}.colorFFB7B2:focus-within{border-color:#ff2819}.colorFFDAC1{border-color:#ffdac1}.colorFFDAC1:focus-within{border-color:#ff7e28}.colorE2F0CB{border-color:#e2f0cb}.colorE2F0CB:focus-within{border-color:#abf03b}.colorB5EAD7{border-color:#b5ead7}.colorB5EAD7:focus-within{border-color:#29eaa3}.colorADD8E6{border-color:#add8e6}.colorADD8E6:focus-within{border-color:#23b5e6}.colorC7CEEA{border-color:#c7ceea}.colorC7CEEA:focus-within{border-color:#3b5eea}.mathQuillReg{border-bottom:1px solid #c8c8c8;transition:.5s}.mathQuillReg:focus-within{border-bottom:1px solid #000}.MathQuillErrorMssg{font-family:"Montserrat",sans-serif;color:#323232;font-size:.7em}.ErrorUpdate{margin-top:.5em}@-webkit-keyframes buttonBounce{50%{border:1px solid #000;color:#000}}@keyframes buttonBounce{50%{border:1px solid #000;color:#000}}.updateGraphButton{padding:.5em;transition:.3s;background-color:transparent;border:1px solid #c8c8c8;border-radius:1em;color:grey;font-family:"Montserrat",sans-serif;-webkit-animation:buttonBounce 1s;animation:buttonBounce 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.updateGraphButton:hover{border:1px solid #000;color:#000}.EquationControls{display:flex;flex-direction:column;margin-left:10%;margin-top:1em;margin-bottom:1em;width:90%}.Equation{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%}.mathquillInt{max-width:70%;min-width:30%}.mathquillDel{max-width:100%}.controlDels{max-width:30%;display:flex;flex-direction:column;margin-right:2%}.SettingsControls{margin-left:10%;margin-top:1.4em;margin-bottom:1em;display:flex;flex-direction:row;align-items:flex-start}.SettingsControls .ChooseColors{display:flex;flex-direction:row;width:40%;flex-wrap:wrap}.SettingsControls .OtherSettings{width:60%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start}.SettingsControls .singleColor{border:1px solid #c8c8c8;width:1.5em;height:1.5em;margin-right:.4em;margin-bottom:.4em;border-radius:.2em}.SettingsControls .singleColor:hover{border:1px solid #000}.SettingsControls .OtherSettings .OtherSettingsSett{margin-bottom:.4em}.SettingsControls .OtherSettings .OtherSettingsSett button{border:1px solid #c8c8c8;background-color:transparent;padding:.2em;border-radius:.4em;transition:.4s;font-family:"Montserrat",sans-serif;color:grey}.SettingsControls .OtherSettings .OtherSettingsSett button:hover{border:1px solid #000;color:#000}.ExampleClickable{width:8em;height:5em;border:1px solid #c8c8c8;box-shadow:0 0 1px #c8c8c8;border-radius:.4em;margin:.2em;cursor:pointer;padding:.5em}.ExampleClickable:hover{border:1px solid #000;color:#000;box-shadow:0 0 3px #000}.ExampleClickable h1{font-size:1em}#Information{position:absolute;left:5%;top:70%;width:90%;z-index:1;background-color:#fff;border:1px solid #c8c8c8;border-radius:.3em;color:grey;padding:.5em;font-family:"Montserrat",sans-serif;box-shadow:0 0 3px #646464}.infoRemoveButton{position:absolute;right:0;top:0;background-color:transparent;border-width:0;color:grey;padding:.3em;border-radius:.3em;font-weight:700;font-size:1.2em;transition:.2s;cursor:pointer}.infoRemoveButton:hover{color:#000}.InfoPanel{position:relative;width:100%;max-height:40vh;overflow-y:auto}.InfoPanel>h1{font-size:1.3em;color:#646464;margin-bottom:.5em;border-bottom:1px solid #c8c8c8}.InfoPanel>h2{font-size:1.1em;color:#787878;margin-bottom:.5em}.InfoPanel>p{font-size:.8em;margin-bottom:2em;line-height:1.3em}.ExamplesCont{display:flex;flex-wrap:wrap;margin-bottom:1em}#GraphAndControlsContainer{display:flex;flex-direction:column;height:100%}#GraphContainer{overflow-y:auto;display:flex;flex-direction:column;height:94%;background-color:#fafafa;padding-bottom:2em;padding-right:.3em;padding-left:.3em}#GraphsControlInfo{position:relative;border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8;box-shadow:0 4px 5px -2px grey;display:flex;justify-content:center;padding:.4em;height:6%;z-index:1;background-color:#f8f8f8}.GraphControlButton{background-color:#fff;border:1px solid grey;border-radius:.5em;transition:.3s;color:grey;padding:.2em;margin-right:2%;margin-left:2%;font-family:"Montserrat",sans-serif;cursor:pointer}@media only screen and (max-width:50em){.GraphControlButton{font-size:1.6vh}#GraphsControlInfo{height:20%}#GraphContainer{height:80%}}#helpButton,.GraphControlButton:hover{border:1px solid #000;color:#000}*{margin:0;padding:0;box-sizing:border-box}
/*# sourceMappingURL=main.f0a65a84.chunk.css.map */