.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#theme-toggle-button{cursor:pointer;display:inline-block;font-size:17px;position:relative;width:3.5em}#toggle{height:0;opacity:0;width:0}#button,#cloud,#container,#moon,#patches,#stars,#sun{transition-duration:.25s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#toggle:checked+svg #container{fill:#2b4360}#toggle:checked+svg #button{transform:translate(28px,2.333px)}#sun{opacity:1}#moon,#toggle:checked+svg #sun{opacity:0}#cloud,#toggle:checked+svg #moon{opacity:1}#stars,#toggle:checked+svg #cloud{opacity:0}#toggle:checked+svg #stars{opacity:1}.user-container{flex-direction:column;height:2.8rem;margin:0 .5rem 0 0;padding:0;width:auto}.user-container,.user-profile{align-items:center;display:flex;justify-content:center}.user-profile{background-color:#fff;border-radius:100%;height:1.8rem;margin:0;width:1.8rem}.name-tag{color:#000;font-size:1.2rem;margin:0}.name{color:#fff;font-size:.5rem;margin:.2rem 0 0 .2rem}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}*{scrollbar-color:silver #0000;scrollbar-width:thin}.card-css{border-radius:20px;box-sizing:border-box;height:12rem;margin:10px 10px 12px;max-width:300px;overflow:hidden;padding:.5vw;transition:transform .5s ease-in-out;width:100%}.card-css:active,.card-css:focus,.card-css:hover{transform:scale(1.1)}.card-content{height:100%;overflow-y:auto;padding-right:8px}.col-md-3{margin-bottom:1.2rem}@media (min-width:768px) and (max-width:1400px){.col-md-3{flex:1 1 48%;margin-bottom:1.2rem;max-width:48%}@media (min-width:1024px){.col-md-3{flex:1 1 33%;margin-bottom:1.2rem;max-width:33%}}}.about-box{border:4px solid #000;border-radius:10px;padding:10px}.my-container{border:1px solid #efefef;border-radius:10px;box-shadow:10px 10px 20px #0000001a;height:28rem;position:relative;z-index:1}.my-container:before{background:url(/static/media/bg.d576ae2fa3acaaed25fe.svg) no-repeat 50%/cover;border-radius:10px;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:0}@media (max-width:900px){.my-container{border-radius:10px;height:10rem}}@media (min-width:901px) and (max-width:1400px){.my-container{border-radius:10px;height:20rem}}.cred-card{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#afafaf33;border:1px solid #d0d0d04d;border-radius:10px;box-shadow:10px 10px 20px #0003;height:23rem;margin:30px;padding:1.3rem;position:relative;transition:transform .5s ease-in-out;z-index:1}.cred-card:before{background:inherit;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.cred-card:active,.cred-card:focus,.cred-card:hover{background:#9a9a9a33;transform:scale(1.05)}.form-control::placeholder{color:#0000004d}
/*# sourceMappingURL=main.852a4096.css.map*/