@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap);@font-face{font-family:"Arvo-Bold";src:url(/static/media/Arvo-Bold.ab1dabbd.ttf)}html{box-sizing:border-box!important}*,:after,:before{box-sizing:inherit!important}body{margin:0;font-family:"Roboto";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}#root{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100%}canvas{display:none}h1{font-size:32px}h2{font-size:28px}h1,h2{margin:5px;padding:0}@media (max-width:800px){h1,h2{font-size:18px}}a{text-decoration:none;color:#add8e6;font-weight:900}@media (max-width:800px){a{font-size:14px}}header,nav{width:100%}nav{display:flex;align-items:center;padding:12px;height:72px;justify-content:flex-start;position:relative;color:#f5f5f5;background-color:#212121}@media (max-width:800px){nav{padding:5px;height:52px}}nav>*{margin:0;padding:0}nav h1{position:absolute;left:50%;transform:translateX(-50%)}.Cards{display:flex;max-width:700px;flex-wrap:wrap;justify-content:center;position:relative;top:18px}.Cards .Card img{height:400px;width:293.05px;margin:25px;display:inline-block;box-shadow:3px 3px 12px -3px rgba(0,0,0,.6);border-radius:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y}.Cards .Card .react-contextmenu{background:#fff;box-shadow:10px 10px 40px -2px rgba(0,0,0,.27);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;border-radius:5px;display:flex;flex-direction:column;color:#000;width:auto;height:auto;padding:0;z-index:111}.Cards .Card .react-contextmenu .react-contextmenu-item{padding:.8em;font-weight:800;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.Cards .Card .react-contextmenu .react-contextmenu-item:last-child{border-bottom:none;border-radius:0 0 5px 5px}.Cards .Card .react-contextmenu .react-contextmenu-item:first-child{border-radius:5px 5px 0 0}.Cards .Card .react-contextmenu .react-contextmenu-item:hover{background-color:#d9d9d9;cursor:pointer}.Cards .Card .react-contextmenu .react-contextmenu-item.safety{color:#009908}.Cards .Card .react-contextmenu .react-contextmenu-item.danger{color:#9a1818}.Cards .Card .react-contextmenu .react-contextmenu-item.react-contextmenu-item--divider{background-color:grey;padding:.75px}.Cards .Card .react-contextmenu.white{background-color:#254579;color:#fff}.Cards .Card .react-contextmenu.white .react-contextmenu-item:hover{background-color:#30599c}.Cards .Card .react-contextmenu.white .react-contextmenu-item.safety{color:#5cf561}.Cards .Card .react-contextmenu.white .react-contextmenu-item.danger{color:#ffa3a3}main{display:flex;width:100%;height:calc(100vh - 72px)}main>*{width:50%;min-width:390px}main .existing{height:10px}main .add-new,main .Social{padding:12px;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}main .Social h2{font-weight:500;color:#444}main .Social .Card img{margin:25px;display:inline-block;box-shadow:3px 3px 12px -3px rgba(0,0,0,.6);border-radius:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y}main .add-new{background-color:#f0f0f0}main .add-new .NewCard{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}main .add-new .Cards{display:flex;width:100%;height:100%;overflow:scroll}@media (max-width:780px){main{flex-wrap:wrap}main>*{width:100%}}.NewCard form{padding:1em}.NewCard form,.NewCard hr{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.NewCard input{height:70px;font-size:2em;padding:.5em;font-family:Arvo-Bold,serif;margin:0;border:none;border-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#f0f4ff;outline:none}.NewCard input[type=text]{width:100%;max-width:800px}.NewCard input::-webkit-input-placeholder{width:1em}.NewCard .input-and-submit{max-width:100%}.NewCard button{height:70px;font-size:2em;padding:.5em;margin:0;border-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0;position:relative;border:none;font-weight:700;cursor:pointer}.NewCard button[disabled]{cursor:not-allowed}.flex-row{display:flex;align-items:center}.color-selections{display:flex;justify-content:space-around;margin:.5em .5em 18px;width:100%;border-radius:10px}.color-selections .color-selection{width:100%;height:4em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-selections .color-selection:first-child,.color-selections .color-selection:first-child input:checked+label:after{border-radius:10px 0 0 10px}.color-selections .color-selection:last-child,.color-selections .color-selection:last-child input:checked+label:after{border-radius:0 10px 10px 0}.color-selections .color-selection input+label{transition:all .2s ease-in-out}.color-selections .color-selection input:not(:checked)+label{font-weight:400;opacity:.5}.color-selections .color-selection input:checked+label{font-weight:800;position:relative;display:flex;justify-content:center;align-items:center;cursor:default;opacity:1}.color-selections .color-selection input:checked+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.3;background-color:#6ea2f7}.color-selections .color-selection label{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:100%}.color-selections .color-selection.white label:before{content:"";width:12px;height:12px;margin-right:5px;z-index:10;border:2px solid #000;background-color:#fff}.color-selections .color-selection.black label:before{content:"";width:12px;height:12px;margin-right:5px;z-index:10;border:2px solid silver;background-color:#30599c}.color-selections input{display:none}.color-selections label{cursor:pointer}@media (max-width:600px){.NewCard input[type=text]{width:calc(100vw - 20%);height:60px}.NewCard .MuiTextField-root{width:50vw}.NewCard button,.NewCard input{height:60px;font-size:1.5em}}
/*# sourceMappingURL=main.806a1e28.chunk.css.map */