.navbar__containerDiv{display:flex;flex-direction:column;position:fixed;top:3em;z-index:189;width:80vw;height:100vh;background-color:rgba(236,248,255,.95);transition:.5s ease-in-out}.navbar__containerDiv--open{left:0;transition:.3s ease-in-out}.navbar__containerDiv--closed{left:-80vw;transition:.3s ease-in-out}.navbar__closeBtn{align-self:flex-end;margin-right:1em;background:none;border:none;outline:transparent;cursor:pointer}.navbar__closeBtn,.navbar__closeBtn>svg{height:3em;width:3em}.navbar__containerDiv>hr{margin-top:0;width:100%;color:#f5f5f5}.navbar__linksContainerDiv{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.navbar__Link{display:block;margin:.3em .3em .3em 1em;font-size:larger;font-weight:700;text-decoration:none;transition:.2s ease-in-out}.navbar__Link--active,.navbar__Link:hover{color:#2196f3}@media (min-width:1000px){.navbar__containerDiv{position:fixed;left:0;height:70vh;width:17vw;transition:.4s ease-in-out}.navbar__containerDiv--open{left:0;top:3em;visibility:visible}.navbar__containerDiv--closed{left:0;top:-70vh;visibility:hidden}.navbar__closeBtn{display:none}}.paginationControls{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:auto;margin-right:auto;justify-content:center}.paginationContols__pageNoBtn{display:block;background:transparent;border:transparent;min-width:2em;cursor:pointer}.paginationContols__pageNoBtn--active{border:1px solid #00f}.paginationContols__pageNoBtn--hidden{display:none}.paginationContols__pageNoBtn--dotsAfter:after,.paginationContols__pageNoBtn--dotsBefore:before{content:" ... ";color:#000}.paginationControls__arrowBtn{display:block;background:transparent;border:transparent;cursor:pointer}.pagination__paginationContainer{position:relative;overflow-x:hidden}@keyframes nextPage{0%{opacity:0;transform:translate(10em)}to{opacity:1;transform:translate(0)}}@keyframes prevPage{0%{opacity:0;transform:translate(-10em)}to{opacity:1;transform:translate(0)}}.copyBtn{position:absolute;top:.3em;right:.3em;width:5em;height:2em;font-weight:700;color:#2196f3;border:1px solid #2196f3;border-radius:5px;background-color:transparent;outline:transparent;transition:.2s ease-in-out;cursor:pointer}.copyBtn:hover{color:#fff;background-color:#2196f3}.showcase__codeDiv{position:relative}.showcase{padding:.3em;min-height:80vh}.showcase__controlsDiv{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap}.showcase__controlsDiv div{margin-top:1em;margin-bottom:1em}@media (min-width:640px){.showcase{margin-left:20vw;margin-right:20vw}}.post{text-align:center;min-height:10em}.post__btnsDiv{display:flex;flex-direction:row;justify-content:space-around;margin:1em}.post__btnsDiv button{display:block;width:30%;height:2em}.post input{display:block;margin-left:auto;margin-right:auto;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;font-weight:700}.post textarea{margin-left:auto;margin-right:auto;width:80%;min-height:4em}.paginationControlsCustom{position:relative;min-height:calc(16px + 1em);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.paginationControlsCustom__pageNoBtn{box-sizing:border-box;display:block;height:16px;width:16px;margin:.5em;padding:0;border-radius:50%;border:transparent;background-color:rgba(65,63,63,.8);outline:transparent;transition:.3s ease-in-out;cursor:pointer}.paginationControlsCustom__pageNoBtn:active{background-color:rgba(117,111,111,.8)}.paginationControlsCustom__pageNoBtn--active{background-color:rgba(117,111,111,.8);cursor:default}.paginationControlsCustomUsercards{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.paginationControlsCustomUsercards__pageNoBtn{box-sizing:border-box;display:block;height:16px;width:16px;margin:.5em;padding:0;border-radius:50%;border:transparent;background-color:#2196f3;outline:transparent;transition:.3s ease-in-out;cursor:pointer}.paginationControlsCustomUsercards__pageNoBtn:active{background-color:rgba(33,149,243,.49411764705882355)}.paginationControlsCustomUsercards__pageNoBtn--active{background-color:rgba(33,149,243,.49411764705882355);cursor:default}.paginationControlsCustomUsercards__currentPageIndicator{position:absolute;box-sizing:border-box;display:block;height:16px;width:16px;margin:0;border-radius:50%;background-color:transparent;border:3px solid #2196f3;padding:9px;outline:transparent;transition:.5s ease-in-out}.paginationControlsCustomCode{position:relative;min-height:calc(16px + 1em);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.paginationControlsCustomCode__pageNoBtn{box-sizing:border-box;display:block;padding:.7em;margin:.5em;color:#fff;font-weight:700;border:1px solid #2196f3;background-color:#2d2d2d;border-radius:3px;outline:transparent;transition:.3s ease-in-out;cursor:pointer}.paginationControlsCustomCode__pageNoBtn:hover{background-color:#2196f3}.paginationControlsCustomCode__pageNoBtn--active{background-color:#2196f3;cursor:default}.paginationControlsCustomImages{min-height:calc(16px + 1em);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.paginationControlsCustomImages__pageNoBtn{box-sizing:border-box;display:block;height:16px;width:16px;margin:.5em;padding:0;border-radius:50%;border:transparent;background-color:rgba(65,63,63,.8);outline:transparent;transition:.3s ease-in-out;cursor:pointer}.paginationControlsCustomImages__pageNoBtn:active{background-color:rgba(117,111,111,.8)}.paginationControlsCustomImages__pageNoBtn--active{background-color:rgba(117,111,111,.8);cursor:default}.paginationControlsCustomImages__arrowBtnLeft{position:absolute;bottom:50%;left:0;display:block;background-color:transparent;border:transparent}.paginationControlsCustomImages__arrowBtnRight{position:absolute;bottom:50.5%;right:0;display:block;background-color:transparent;border:transparent}.switchBtn{position:relative;display:inline-block;width:30px;height:17px}.switchBtn input{opacity:0;width:0;height:0}.switchBtn__slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:23px}.switchBtn__slider,.switchBtn__slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switchBtn__slider:before{content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;border-radius:50%}input:checked+.switchBtn__slider{background-color:#2196f3}input:focus+.switchBtn__slider{box-shadow:0 0 1px #2196f3}input:checked+.switchBtn__slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px);border-radius:50%}.toggleBtn{position:relative;display:inline-block;width:30px;height:17px}.toggleBtn input{opacity:0;width:0;height:0}.toggleBtn__slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;border-radius:23px}.toggleBtn__slider,.toggleBtn__slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.toggleBtn__slider:before{content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;border-radius:50%}input:checked+.toggleBtn__slider{background-color:#2196f3}input:focus+.toggleBtn__slider{box-shadow:0 0 1px #2196f3}input:checked+.toggleBtn__slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px);border-radius:50%}.slidecontainer,.slider{width:100%}.slider{-webkit-appearance:none;appearance:none;height:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#2196f3;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#2196f3;cursor:pointer}.lds-default{display:inline-block;position:relative;width:80px;height:80px}.lds-default div{position:absolute;width:6px;height:6px;background:#2196f3;border-radius:50%;animation:lds-default 1.2s linear infinite}.lds-default div:first-child{animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}.usercard{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;text-align:center;width:20em;height:13em;margin:.3em auto;border:1px solid #2196f3;border-radius:5px;box-shadow:1px 1px 2px 1px #555;padding:.3em}.usercard__img{border-radius:5px;height:10em;width:auto}.usercard__info{max-height:10em}.usercard__info h4{font-size:small;margin:.1em;align-self:center}.usercard__removeUserBtn{display:block;width:60%}.searchInput{display:block;margin:1em auto;width:15em;height:1.5em;padding:.3em;border:1px solid #2196f3;border-radius:3px}@keyframes nextPageCustom{0%{opacity:1}49%{opacity:0;transform:translate(-10em) scale(.5)}50%{opacity:0;transform:translate(10em) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes prevPageCustom{0%{opacity:1;transform:scale(1)}49%{opacity:0;transform:translate(10em) scale(.5)}50%{opacity:0;transform:translate(-10em) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.image__img{display:block;margin-left:auto;margin-right:auto;height:30vh;width:auto}.image__author{opacity:0;text-align:center;margin-top:.5em;margin-bottom:.5em;animation:fadeIn .7s .7s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes nextPageCustomImages{0%{opacity:1}49%{opacity:0;transform:translate(-10em)}50%{opacity:0;transform:translate(10em)}to{opacity:1;transform:translate(0)}}@keyframes prevPageCustomImages{0%{opacity:1}49%{opacity:0;transform:translate(10em)}50%{opacity:0;transform:translate(-10em)}to{opacity:1;transform:translate(0)}}.apiRef{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.apiRef__navlink{box-sizing:border-box;display:block;padding:.7em;margin:.5em;color:#fff;font-weight:700;text-decoration:none;border:1px solid #2196f3;background-color:#2d2d2d;border-radius:3px;outline:transparent;transition:.3s ease-in-out;cursor:pointer}.apiRef__navlink:hover{background-color:#2196f3}.apiRef__navlink--active{background-color:#2196f3;cursor:default}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;padding:0;margin:0}.App__topNav{height:3em;padding:0;position:sticky;top:0;z-index:100;background-color:rgba(189,218,236,.98)}.navbar__toggleNavbarBtn{position:relative;top:2px;height:100%;width:4em;background:none;border:none;outline:transparent;cursor:pointer}.navbar__toggleNavbarBtn__line{position:absolute;height:3px;width:3em;border-radius:10px;display:block;background-color:#2196f3}.navbar__toggleNavbarBtn .navbar__toggleNavbarBtn__line:nth-child(2){top:20px;z-index:2;transition:top .3s ease .1s,transform .3s ease-out .5s}.navbar__toggleNavbarBtn--open .navbar__toggleNavbarBtn__line:first-child{top:20px;transform:rotate(45deg);transition:top .3s ease .1s,transform .3s ease-out .5s}.navbar__toggleNavbarBtn--open .navbar__toggleNavbarBtn__line:nth-child(2){opacity:0;animation:fadeOut .3s .3s forwards}.navbar__toggleNavbarBtn--open .navbar__toggleNavbarBtn__line:nth-child(3){top:20px;transform:rotate(-45deg);transition:top .3s ease .1s,transform .3s ease-out .5s}.navbar__toggleNavbarBtn--closed .navbar__toggleNavbarBtn__line:first-child{top:5px;transition:top .3s ease .3s,transform .3s ease-out .1s}.navbar__toggleNavbarBtn--closed .navbar__toggleNavbarBtn__line:nth-child(2){opacity:0;animation:fadeIn .5s .3s forwards}.navbar__toggleNavbarBtn--closed .navbar__toggleNavbarBtn__line:nth-child(3){top:35px;transition:top .3s ease .3s,transform .3s ease-out .1s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1400px){.navbar__toggleNavbarBtn{display:none}}.footer{box-sizing:border-box;min-height:10vh;width:100%;background-color:rgba(189,218,236,.98);margin-top:3em;overflow:hidden}.footer a:first-child{display:block;box-sizing:border-box;width:fit-content;color:#2196f3;margin:2em auto .5em}
/*# sourceMappingURL=/example.be5089fc.css.map */