@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.data{display:flex;width:100%;max-width:800px;height:100%;max-height:500px;box-sizing:border-box;align-items:center;justify-content:space-around}.details,.repos{display:flex;flex-direction:column}.label{font-weight:600}#github{color:var(--color-background)}img{width:30%;align-self:center;border:10px solid var(--color-foreground);border-radius:50%}@media screen and (max-width: 1000px){.data{flex-direction:column}img{width:60%}#github{width:30%}}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4D4D4D;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099E0;-moz-box-shadow:0px 0px 3px 2px #0099E0;box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099E0;-moz-box-shadow:0px 0px 5px 5px #0099E0;box-shadow:0 0 5px 5px #0099e0}*{margin:0;padding:0;box-sizing:border-box}body{--color-background: #fafafa;--color-foreground: #1f2023;--image-grayscale: 0;--image-opacity: 100%;font-family:Montserrat,sans-serif;font-size:18px;width:100vw;height:100vh}body.dark{--color-background: #1f2023;--color-foreground: #efefef;--image-grayscale: 5%;--image-opacity: 90%}#root{background-color:var(--color-background);color:var(--color-foreground);width:100%;height:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}img,video{filter:grayscale(var(--image-grayscale)) opacity(var(--image-opacity))}a{color:var(--color-foreground)}.git{color:#0035d6}.title{font-weight:700;font-size:3rem}.navbar{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 26px 58px #00000038,0 5px 14px #0000002e}form{margin-top:50px;max-width:500px;width:30%;display:flex;justify-content:center;align-items:center}label{font-weight:700;font-size:1.5rem}input{height:100%;max-height:30px;font-size:1rem;border-radius:5px;text-align:center}button{background-color:var(--color-foreground);margin-left:10px;max-height:30px;height:100%;box-sizing:border-box;font-size:1rem;padding:5px;border:1px solid transparent;border-radius:5px}.fa-magnifying-glass{color:var(--color-background)}button:hover .fa-magnifying-glass{color:var(--color-foreground)}button:hover{background-color:var(--color-background);border:1px solid var(--color-foreground)}@media screen and (max-width: 1000px){form{margin-top:10px;flex-direction:column;width:100%;height:12%;justify-content:space-around}label{font-size:1.5rem}button{width:20%}}