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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#0c1016;--font-color:#fff;--header-border-color:#2e90fa;--input-border-color:#595959;--input-focus-border-color:#2e90fa;--card-background:#13161c;--gradient-highlight:rgba(46,144,250,.1);--card-hover-background:rgba(46,144,250,.4);--gray-5:#010101;--gray-10:#040404;--gray-15:#070808;--gray-20:#0d0d0e;--gray-25:#141516;--gray-30:#1e2022;--gray-35:#2d2f31;--gray-40:#404346;--gray-45:#5b5e62;--gray-50:#7c8084;--gray-55:#9da1a5;--gray-60:#b9bdc1;--gray-65:#cdd1d5;--gray-70:#dce0e3;--gray-75:#e7eaed;--gray-80:#eff2f5;--gray-85:#f4f7fa;--gray-90:#f7fafd;--gray-95:#fcfefe;--animate:200ms}body.light{--background-color:#fff;--font-color:#000;--header-border-color:#2e90fa;--input-border-color:#ccc;--input-focus-border-color:#2e90fa;--card-background:#fafafa;--gradient-highlight:rgba(46,144,250,.1);--card-hover-background:rgba(46,144,250,.4)}body{background:#0c1016;background:var(--background-color);color:#fff;color:var(--font-color);display:grid;font-family:Arial,serif;height:100vh;margin:0;place-items:center}.App-header{border-bottom:3px solid #2e90fa;border-bottom:3px solid var(--header-border-color);display:flex;flex-direction:column;margin:0 25px 25px;padding:25px}.Search-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 25px;padding:0 25px}.Search-wrapper>div{flex:1 1}.Search-container{text-align:right}.SearchInput{-webkit-appearance:none;background:transparent;border:none;border-bottom:2px solid #595959;border-bottom:2px solid var(--input-border-color);color:#fff;color:var(--font-color);font-size:1rem;height:20px;outline:none;padding:5px;width:250px}.SearchInput:focus{border-color:#2e90fa;border-color:var(--input-focus-border-color)}.cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,200px);grid-template-rows:repeat(4,200px);padding:32px}.card :is(i,h2){opacity:.45;transition:.3s}.card i{font-size:48px}.card h2{font-size:14px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin:0;overflow:hidden;text-align:center;width:100%;word-break:break-word}.card:hover :is(i,h2){opacity:1}.card-content{align-items:center;background:#13161c;background:var(--card-background);border-radius:inherit;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:calc(100% - 2px);justify-content:center;padding:32px;transition:all .25s;width:calc(100% - 2px)}.cards .card:hover:before{opacity:1}.cards:hover .card{background:radial-gradient(800px circle at var(--xPos) var(--yPos),rgba(46,144,250,.4),transparent 15%);background:radial-gradient(800px circle at var(--xPos) var(--yPos),var(--card-hover-background),transparent 15%)}.card{align-items:center;background:radial-gradient(400px circle at 0 0,rgba(0,255,241,0),transparent 0);border-radius:8px;display:flex;justify-content:center;position:relative;transition:.15s}.card:before{background:radial-gradient(500px circle at var(--xPos) var(--yPos),rgba(46,144,250,.1),transparent 35%);background:radial-gradient(500px circle at var(--xPos) var(--yPos),var(--gradient-highlight),transparent 35%);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .15s ease-in-out}@media (max-width:600px){.cards{grid-template-columns:repeat(1,1fr)}}@media (min-width:601px) and (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:901px) and (max-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1001px) and (max-width:1200px){.cards{grid-template-columns:repeat(4,200px)}}@media (min-width:1201px){.cards{grid-template-columns:repeat(5,200px)}}.mode-toggle{align-items:center;display:inline-flex;flex-direction:row}.label-dark{letter-spacing:-.15px}.label-light{letter-spacing:-.031px}.mode-toggle h6,body.dark .mode-toggle h6{text-transform:uppercase}.label-dark,.label-light{color:#5b5e62;color:var(--gray-45);min-width:32px;padding:8px 12px;text-align:center}body.dark .label-dark,body.dark .label-light{color:#b9bdc1;color:var(--gray-60)}.label-dark:hover{color:#404346;color:var(--gray-40)}.label-dark:active{color:#010101;color:var(--gray-5)}body.dark .label-dark{pointer-events:none}body.dark .label-light:hover{color:#fcfefe;color:var(--gray-95)}body.dark .label-light:active{color:#cdd1d5;color:var(--gray-65)}.toggle-switch{background:#404346;background:var(--gray-40);border:none;border-radius:14px;display:inline-block;height:28px;margin:0;outline:none;overflow:hidden;padding:0;position:relative;width:48px}body.dark .toggle-switch{width:48px}.toggle-switch,.toggle-switch:after,.toggle-switch:before{transition:all .2s ease-in-out;transition:all var(--animate) ease-in-out}.toggle-switch:before,body.dark .toggle-switch{background:#dce0e3;background:var(--gray-70)}.toggle-switch:before{border-radius:12px;content:"";display:block;height:20px;left:24px;position:absolute;top:4px;width:20px}body.dark .toggle-switch:before{background:#2d2f31;background:var(--gray-35);left:4px}.toggle-switch:after{background:#404346;background:var(--gray-40);border-radius:.5px;content:"";display:block;height:1px;position:absolute;right:2px;top:14px;width:1px}body.dark .toggle-switch:after{background:#dce0e3;background:var(--gray-70);border-radius:16px;height:32px;right:2px;top:-2px;width:32px}.toggle-switch:hover,.toggle-switch:hover:after{background:#2d2f31;background:var(--gray-35)}.toggle-switch:active,.toggle-switch:active:after,.toggle-switch:focus{background:#141516;background:var(--gray-25)}body.dark .toggle-switch:hover,body.dark .toggle-switch:hover:after{background:#fcfefe;background:var(--gray-95)}body.dark .toggle-switch:active,body.dark .toggle-switch:active:after,body.dark .toggle-switch:focus{background:#cdd1d5;background:var(--gray-65)}.noselect{cursor:pointer;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
/*# sourceMappingURL=main.aef8d978.css.map*/