@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap);.MuiButtonBase-root.buttonHover:hover{background:#242424}.MuiButtonBase-root.buttonHover{background:#474747}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto+Mono",sans-serif}:root{--primary-color-light:#f3f3f3;--primary-color-dark:#333;--bg-color-light:#f3f3f3;--bg-color-dark:#222;--text-color-light:#333;--text-color-dark:#f3f3f3}[data-theme=light]{--primary-color:var(--primary-color-light);--bg-color:var(--bg-color-light);--text-color:var(--text-color-light)}[data-theme=dark]{--primary-color:var(--primary-color-dark);--bg-color:var(--bg-color-dark);--text-color:var(--text-color-dark)}body{background-color:var(--bg-color);background:linear-gradient(180deg,var(--bg-color),90%,var(--primary-color));height:100vh;width:100vw;position:relative}.container,body{overflow:hidden;transition:background-color .3s,color .3s}.container{background-color:var(--bg-color);border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,.35);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:768px;max-width:100%;min-height:480px}.container p{font-size:14px;margin:20px 0}.container p,.container span{line-height:20px;letter-spacing:.3px}.container span{font-size:12px;margin-bottom:10px;color:var(--text-color)}.container a{font-size:13px;text-decoration:none;margin:15px 0 10px}.container a,.container h1{color:var(--text-color)}.container button{background-color:var(--primary-color);color:var(--bg-color);font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;cursor:pointer;width:100%;max-width:200px;box-sizing:border-box}.container button.hidden{background-color:initial;border-color:var(--bg-color)}.container form{background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;height:100%;transition:background-color .3s,color .3s}.container input,.container select{background-color:var(--bg-color);color:var(--text-color);border:1px solid hsla(0,0%,74.1%,.5);margin:5px 0;padding:10px 15px;font-size:13px;border-radius:8px;width:100%;outline:none}.container select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;color:var(--text-color)}.container select option{background-color:var(--bg-color);color:var(--text-color);font-size:13px;border-radius:8px}.logoImg{max-width:100%;width:300px;height:auto;margin-top:20px;margin-bottom:20px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in{left:0;width:50%;z-index:2}.container.active .sign-in{transform:translateX(100%)}.sign-up{left:0;width:50%;opacity:0;z-index:1}.container.active .sign-up{transform:translateX(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{margin:20px 0}.social-icons a{border:1px solid var(--text-color);border-radius:20%;display:inline-flex;justify-content:center;align-items:center;margin:0 3px;width:40px;height:40px}.toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all .6s ease-in-out;z-index:1000}.container.active .toggle-container{transform:translateX(-100%)}.toggle{background-color:var(--primary-color);background:var(--primary-color);position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:all .6s ease-in-out}.toggle,.toggle h1{color:var(--bg-color)}.container.active .toggle{transform:translateX(50%)}.toggle-panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out}.toggle-panel span{color:var(--bg-color);font-size:14px;line-height:20px;letter-spacing:.3px;margin:20px 0}.toggle-left{transform:translateX(-200%)}.container.active .toggle-left,.toggle-right{transform:translateX(0)}.toggle-right{right:0}.container.active .toggle-right{transform:translateX(200%)}.signup-button{margin-top:30px}.toggle-icon{position:fixed;top:10px;left:10px;color:var(--text-color);z-index:1100}@media (max-width:768px){.container a,.container button,.container input,.container p,.container select option,.container span{font-size:2vw}.container button{padding:1vh 5vw}.container form{padding:0 5vw}.container select{font-size:2vw}}.event-container{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:10px}.delete-icon{opacity:0;transition:opacity .3s;margin-left:5px;z-index:1;cursor:pointer}.event-container:hover .delete-icon{opacity:1}