#root{max-width:1680px;height:100vh;margin:0 auto;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;background-color:#f2e8cf;font-family:Space Grotesk!important}.logo{max-width:300px;height:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}.login_container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3b3d3e}.login_title{font-size:3rem!important;font-family:Space Grotesk!important;font-weight:700!important}@keyframes hoverAnimation{0%{color:inherit}to{color:purple!important}}.textInput:hover{animation:hoverAnimation .3s ease-in-out forwards}.login_btn{background:none!important;width:58%!important;border:none!important;box-shadow:none!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;position:relative;margin:auto;padding:19px 22px;transition:all .3s ease;color:#3b3d3e!important}.login_btn:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:28px;background:#386641;width:56px;height:56px;transition:all .3s ease}.login_btn:hover:before{width:100%;background:#386641;border-radius:28px;content:"Log me in!";padding-top:1em;height:100%;color:#f2e8cf;transition:all .2s ease}.login_btn:focus{outline:none}.about{height:20px;width:100%;bottom:0;position:relative;background-color:#8a2be2}:root{color:#3b3d3e;background-color:#f2e8cf}a:hover{color:#386641}button{background-color:#f2e8cf}.searchbar{position:fixed;display:flex;align-items:center;justify-content:space-around!important;width:100vw;height:10%;background-color:#386641!important;border-radius:0;border:1px solid transparent;cursor:pointer}.title{font-family:Space Grotesk,sans-serif!important;font-size:1.5rem!important;font-weight:bolder!important;border:0;transition:all .2s ease-in-out!important}.title:hover{color:#ff3b14;transform:scale(1.1);transition:all .3s ease-in-out!important}.menu{position:fixed!important;right:5%!important}.usericon{width:max-content}.mp_main{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f2e8cf;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:bolder;border:0;transition:all .6s ease-in-out;margin-top:8%!important;padding:0;width:100%;height:90vh!important}.mp_title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:bolder;border:0;transition:all .2s ease-in-out;margin-bottom:0;margin-top:0;padding-top:0%}.an_main{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f2e8cf;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:bolder;border:0;transition:all .6s ease-in-out;margin-top:10%!important;padding:0;width:100%;height:90vh!important}@media screen and (max-width: 1190px){.an_main{margin-top:15%!important}}@media screen and (max-width: 600px){.an_main{margin-top:25%!important}}.button{background-color:#386641!important;border:1px solid transparent;border-radius:15 15 15 15!important;cursor:pointer;transition:all .2s ease-in-out!important}.button:hover{background-color:#ff3b14!important;border:1px solid transparent;border-radius:15 15 15 15!important;box-shadow:14 14 14 14 #3b3d3e!important;cursor:pointer;transition:all .5s ease-in-out!important}#root{max-width:1680px;margin:0 auto;text-align:center;padding:0;width:100%;display:flex;align-items:center;justify-content:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f2e8cf94;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;padding:0}a{font-weight:500;color:#3b3d3e;text-decoration:inherit}a:hover{color:#ffc914}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b3d3e;cursor:pointer;transition:border-color .25s}button:hover{border-color:#386641}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#3b3d3e;background-color:#f2e8cf}a:hover{color:#386641}button{background-color:#f2e8cf}}