body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-container{background-color:#282c34;color:#fff;display:grid;font-size:calc(10px + 2vmin);grid-template-columns:repeat(3,1fr);min-height:100vh;overflow-x:auto}.details-container{align-items:start;display:grid;justify-content:center;vertical-align:top}.choose-array-size,.graph-on-screen{margin:auto;text-align:center}.choose-array-size{padding-bottom:40px;padding-top:40px}.small-text{font-size:15px}.array-length-input{border:none;border-radius:8px;box-shadow:1px 1px 15px #000;color:#282c34;cursor:pointer;font-family:Roboto;font-size:20px;margin:10px;max-width:350px;padding:15px;transition:.3s}.array-length-input::-webkit-inner-spin-button,.array-length-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button{background-color:#282c34;border:none;border-radius:8px;box-shadow:1px 1px 15px #000;color:#61dafb;cursor:pointer;font-family:Roboto;font-size:20px;margin:10px;max-width:350px;padding:15px;transition:.3s}.input-range{justify-content:space-between;margin-top:20px;text-align:center;vertical-align:top}.input-range__slider{max-width:100%;min-width:90%}.min-max-container{display:flex;font-size:16px;justify-content:space-between}.button:hover{background-color:#61dafb;color:#282c34}.button:disabled{background-color:gray;color:#a9a9a9;cursor:not-allowed}.input-range:hover{background-color:#282c34;color:#61dafb;justify-content:space-between;margin-top:20px;vertical-align:top}@media (max-width:768px){.page-container{display:grid;grid-template-columns:repeat(1,1fr)}.graph-on-screen h1{font-size:24px;margin:5px 0;text-align:center}}.App-link{color:#61dafb}.modal-container{background-color:#ededed;display:flex;height:100vh;left:0;position:absolute;top:0;transition:1s;z-index:1}.modal-open{color:#000;transition:1s;width:25vw}.modal-closed{display:none;transition:1s}.modal-toggle-button{background-color:#ededed;border:none;border-radius:0 10px 10px 0;height:40px;margin-top:200px}.instructions-text{color:#000;font-size:16px;padding:10px}.instructions-title{align-self:center;font-size:30px;text-align:center}.instructions-list-item{margin:10px}.instructions-button{background-color:#282c34;color:#61dafb}.instructions-button,.instructions-button-disabled{border:none;border-radius:6px;display:inline;font-family:Roboto;font-size:12px;margin:2px;padding:5px;transition:.3s}.instructions-button-disabled{background-color:gray;color:#282c34}@media (max-width:768px){.modal-open{color:#000;transition:1s;width:75vw}.instructions-text{color:#000;font-size:16px;padding:0}.instructions-list-item{margin:10px 0}}.graph-container{flex-direction:column;padding:2px}.graph-area,.graph-container{align-items:end;background-color:#fff;display:flex;width:800px}.graph-area{height:400px}.bar{align-self:flex-end;background-color:#88f;border-bottom:none;border-radius:4px 4px 0 0;text-align:center;vertical-align:initial}.bar,.bar-number-at-bottom{color:#000;display:flex;font-size:14px;justify-content:center;margin:0 1px}.bar-number-at-bottom{flex-direction:row}@media (max-width:768px){.graph-container{flex-direction:column;max-width:99vw;padding:2px}.graph-area,.graph-container{align-items:end;background-color:#fff;display:flex}.graph-area{height:400px;width:99vw}}.network-container{background-color:#282c34;border:none;border-radius:8px;box-shadow:1px 1px 15px #000;color:#fff;cursor:auto;font-family:Roboto;font-size:20px;margin:10px;max-width:350px;padding:6px;text-align:center;transition:.3s}.profile-image{border-radius:30px;margin-left:30px;vertical-align:top;width:120px}.left-align{text-align:left}.skills{display:inline-block;font-size:14px;padding-left:10px;padding-top:4px;vertical-align:top;width:40%}.redirect{margin:8px;padding:none}.redirect,.redirect:hover{text-wrap:nowrap;background-color:#282c34;border:none;border-radius:8px;color:#61dafb;cursor:pointer;font-family:Roboto;font-size:14px;max-width:350px;text-align:left;text-decoration:none;transition:.3s}.not-allowed,.redirect:hover{margin:8px 4px 8px 12px}.not-allowed{text-wrap:nowrap;border:none;border-radius:8px;color:#a9a9a9;cursor:not-allowed;font-family:Roboto;font-size:14px;max-width:350px;text-align:left;text-decoration:none;transition:.3s}
/*# sourceMappingURL=main.c3aeec96.css.map*/