@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);html{--card-background:#f0f2fa;--card-background-hover:#e1e5f4;--slider-background:#aeb3cb;--slider-gradient-1:#378fe6;--slider-gradient-2:#3eda82;--strong-text-color:#1e202a;--light-text-color:#63687e;--bg-color-overlay:rgba(241,242,248,.8);--bg-color-1:#fff;--bg-color-2:#fbfaff;--change-positive:#1db489;--change-negative:#dc414c}html[darkMode=true]{--card-background:#252a41;--card-background-hover:#323958;--strong-text-color:#fff;--light-text-color:#97a3d3;--bg-color-overlay:rgba(39,41,58,.8);--bg-color-1:#1e202a;--bg-color-2:#1f212e}#root{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}body{margin:0}footer{align-items:center;display:flex;flex-direction:column;height:6rem;justify-content:center}footer a{text-decoration:none}:before,:not(.slider,body){transition:.5s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app-background{background:var(--bg-color-1);content:"";display:flex;height:100%;justify-content:center;overflow-y:scroll;position:fixed;width:100%;z-index:-10}.app-background:before{background-color:var(--bg-color-2);border-bottom-left-radius:15px;border-bottom-right-radius:15px;content:"";height:25vh;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:625px){.App{width:320px}}@media screen and (min-width:625px){.App{width:525px}}@media screen and (min-width:850px){.App{width:800px}}@media screen and (min-width:1200px){.App{width:1100px}}p{font-family:Inter,sans-serif;font-weight:700;margin:0}.title{color:var(--strong-text-color);font-size:26px;margin-bottom:.2em;margin-top:.2em}.title2{font-size:24px;margin-bottom:2vh;margin-top:5vh}.subtitle,.title2{color:var(--light-text-color)}.subtitle{font-size:14px;text-transform:capitalize}.profile-name{color:var(--light-text-color);font-size:12px}.spotlight-num{color:var(--strong-text-color);font-size:55px}.spotlight-num2{color:var(--strong-text-color);font-size:32px}.spaced-caps{font-size:11px;font-weight:400;letter-spacing:.8em;margin-left:.8em;text-transform:uppercase}.change-text,.spaced-caps{color:var(--light-text-color)}.change-text{font-size:12px}.card{align-items:center;background-color:var(--card-background);border-radius:8px;display:flex;flex-direction:column;justify-content:space-evenly;position:relative;width:255px}.card:hover:not(.modal){background-color:var(--card-background-hover);box-shadow:0 2px 3px rgba(0,0,0,.3);-webkit-transform:scale(1.03);transform:scale(1.03);transition:.3s ease-in-out}.card .corner-row{width:80%}.icon-inline{margin:0 5px}.center-column{flex-direction:column}.center-column,.center-row{align-items:center;display:flex;justify-content:center}.center-row,.corner-row{flex-direction:row}.corner-row{align-items:center;display:flex;justify-content:space-between}.grid-container{grid-gap:20px 30px;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content max-content}@media screen and (max-width:1200px){.grid-container{grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content}}@media screen and (max-width:850px){.grid-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:625px){.grid-container{grid-template-columns:1fr}}.switch{display:inline-block;height:30px;margin-left:15px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background:var(--slider-background);border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;width:inherit}.slider:before{background-color:var(--bg-color-1);border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;width:22px}.slider:hover,input:checked+.slider{background:linear-gradient(to right,var(--slider-gradient-1),var(--slider-gradient-2))}input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.divider{display:none}#topPanel{margin-bottom:25px;margin-top:30px;width:100%}#darkModePanel{width:190px}@media screen and (max-width:625px){.divider{border-color:var(--light-text-color);border-style:solid;border-width:1px;border-top:1px;display:inline;margin-bottom:15px;margin-top:25px;width:100%}#topPanel{flex-direction:column}#darkModePanel{width:100%}}.mini.card{height:125px;justify-content:space-evenly}.main.card{cursor:grab;height:220px}.main.card:before{border-top-left-radius:8px;border-top-right-radius:8px;content:"";height:8px;position:absolute;top:0;width:inherit}.facebook.main.card:before{background:#198ff5}.twitter.main.card:before{background:#1ca0f2}.youtube.main.card:before{background:#c4032a}.instagram.main.card:before{background:linear-gradient(90deg,#fdc468,#df4996)}@media screen and (max-width:625px){.card.main,.card.main:before,.card.mini{width:320px}}@media screen and (min-width:625px){.card.main,.card.main:before,.card.mini{width:255px}}.floating-button{align-items:center;background-color:var(--bg-color-1);border:0;border-radius:50%;bottom:40px;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);display:flex;height:60px;justify-content:center;padding:10px;position:fixed;right:40px;width:60px}.floating-button:hover{background-color:var(--bg-color-2);box-shadow:0 2px 6px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.2);-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s ease-in-out}.hidden{opacity:0}.modal{align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.15),0 3px 8px rgba(0,0,0,.2);justify-content:center;left:25vw;overflow:auto;padding:1em;position:fixed;top:5vh;width:40vw;z-index:15}button.cancel,input,select{-webkit-appearance:none;appearance:none;border:0;border-radius:8px;box-sizing:border-box;color:var(--dark-text-color);font-family:Inter;font-size:1em;margin-bottom:.5em;margin-top:.4em;padding:.5em 1em}input[type=text],select{background-color:var(--bg-color-1);color:var(--light-text-color);width:100%}input[type=submit]{background-color:var(--change-positive)}button.cancel{background-color:var(--change-negative)}.form-options{display:flex;flex-direction:column;margin-bottom:2vh;margin-top:2vh}form p{margin-top:.5em}.modal form{width:80%}.floating-menu{bottom:40px;position:fixed;right:40px;z-index:11}.overlay{background:var(--bg-color-overlay);content:"";display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition-delay:visibility .7s;width:100%;z-index:10}
/*# sourceMappingURL=main.34e0c7d6.css.map*/