:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{text-align:center}h1{margin-bottom:0}a{width:fit-content;color:inherit;text-decoration:none}.buttons{flex-direction:row;gap:2%;display:flex}.transparent_button{color:inherit;font:inherit;cursor:pointer;outline:inherit;background-color:#0000;border:none;margin-left:-5px}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.window{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffa;border-radius:1rem;max-width:600px;margin:20px auto;padding:2rem;box-shadow:0 0 2rem #0004}.window_backdrop{z-index:999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.window_header{color:#fff;background-color:#2c3e50;border-bottom:1px solid #34495e;border-radius:8px;flex-direction:column;align-items:center;max-width:fit-content;max-height:80%;margin:0 auto;padding:20px;font-size:18px;font-weight:700;display:flex;position:relative;overflow:scroll;box-shadow:0 4px 6px #0000001a}textarea{box-sizing:border-box;resize:vertical;background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;width:100%;height:100px;min-height:fit-content;padding:12px 20px;font-size:16px}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes zoom-in-out{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes logo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.loading{animation:1s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}p{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.6}h1{margin-bottom:1rem;font-size:40px;font-weight:600;line-height:1.3}a{transition:all .3s}a:hover{opacity:.8;text-decoration:underline}.parent_container{background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;min-height:100vh;padding:2rem 1rem;display:flex}.section_image{object-fit:cover;border-radius:12px;width:100%;margin-top:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000026}.child_container{text-align:left;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffebcdf2;border-radius:16px;flex-direction:column;width:70%;max-width:1200px;max-height:fit-content;margin:1.5rem auto;padding:3rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 24px #0003}.child_container:hover{transform:translateY(-4px);box-shadow:0 12px 32px #000}.shiny_button{color:#fff;cursor:pointer;background-image:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #667eea66}.shiny_button:hover{background-image:linear-gradient(90deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.buttons{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.buttons a{color:#764ba2;background-color:#ffffffe6;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;box-shadow:0 2px 8px #0000001a}.buttons a:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:768px){.child_container{margin:1rem;padding:2rem}h1{font-size:32px}.shiny_button{padding:.75rem 2rem;font-size:1.25rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:500;background:linear-gradient(135deg,#fffffff2,#f0f0f5f2);flex-direction:row;justify-content:space-between;align-items:center;height:fit-content;margin-bottom:0;padding:.5rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000014}.user-name{color:#fff;font-size:18px;font-weight:400}.buttons{flex-direction:row;align-items:center;gap:12px;margin-right:1rem;display:flex}.buttons a{color:#333;background-color:#ffffffe6;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:500;text-decoration:none;transition:all .3s;box-shadow:0 2px 6px #00000014}.user_greeting{color:#555;background-color:#f7c1c1;border:2px solid #667eea;margin:0;padding:.5rem 1rem;font-size:16px}.buttons a:hover{color:#fff;background-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 10px #667eea4d}.logo_navbar h1{color:#667eea;margin:0;font-size:25px;font-weight:700}.logo_navbar{text-align:center;border-radius:8px;flex-direction:column;align-items:center;margin:.25rem;padding:.5rem 1rem;font-size:10px;transition:all .3s;display:flex}.logo_navbar:hover{cursor:pointer;background-color:#667eea1a;transform:scale(1.02)}.dropdown{display:none;position:relative}.reveal{transform:rotate(90deg)}.unreveal{transform:rotate(0)}.hidden{display:none}.dropbtn{color:#333;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:20px;transition:transform .3s}@keyframes dropdown-rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes dropdown-unrotate{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (max-width:600px){.header{flex-direction:row;align-items:center;gap:.2rem;font-size:small}.logo_navbar{margin:0;font-size:small}.nav_buttons{display:none}.dropdown{flex-direction:column;display:flex}#dropdown_content{z-index:399;background-color:#fffffff2;min-width:160px;padding:20px;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}}.projects{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;align-items:center;gap:2rem;min-height:100vh;margin:0;padding:3rem 2rem;display:flex}.title{width:100%}.projects_subsection{text-align:center;color:#fff;padding:1rem}.projects_subsection.friendly-note{background-color:#f08080;border-radius:10px;margin-bottom:2rem;padding:1rem}.creation_button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#008cba,#0066a1);border:none;border-radius:10px;margin-bottom:2rem;padding:.75rem 2rem;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #008cba4d}.creation_button:hover{background:linear-gradient(135deg,#0066a1,#008cba);transform:translateY(-2px);box-shadow:0 6px 16px #008cba66}.project-title{color:#333;margin-bottom:1rem;font-size:40px;font-weight:700}.project-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:none;border-radius:16px;flex-direction:row;gap:1.5rem;width:70%;max-width:1200px;padding:2rem;transition:all .3s;display:flex;box-shadow:0 8px 24px #00000026}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.project-details{flex-direction:column;gap:.5em;display:flex}.percentage{color:#4caf50;text-align:center;font-size:2em;font-weight:700}.progress-bar{background-color:red;border-radius:4px;width:100%;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s}.project-progress{text-align:center;flex-direction:column;align-items:center;gap:.5em;width:30%;display:flex}.project-release-date{text-align:center;color:#008cba;flex-direction:column;align-items:center;gap:.5em;width:30%;display:flex}h1{color:#fff;text-shadow:0 2px 8px #0003;font-size:3rem;font-weight:700}.tag{color:#fff;background-color:#667eea;border:none;border-radius:20px;margin:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #667eea4d}.tag:hover{background-color:#764ba2;transform:scale(1.05);box-shadow:0 4px 10px #764ba266}.objectives-title{text-align:center;color:#333;margin:1rem 0;font-size:1.5rem;font-weight:600}.submission_button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.login{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.input_group{width:350px;margin:1.5rem 0;position:relative}input{box-sizing:border-box;background-color:#fffffff2;border:none;border-radius:10px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:16px;transition:all .3s;box-shadow:0 4px 12px #0000001a}input:focus{outline:none;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.icon{pointer-events:none;opacity:.6;width:20px;height:20px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.loginbtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;margin-top:1rem;padding:1rem 3rem;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4caf504d}.loginbtn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.about_page{background-color:#ba7a7a;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.about_section{background-image:url(https://1drv.ms/i/c/09e336c8c6cc3c06/IQSV9Cnr0Zj9SLTVGylGwMnCAdLf9Bb6d3v6BDena__yGdE);border:2px solid brown;width:100%;height:fit-content;margin-top:3%;margin-bottom:10%;padding:30px 10px}.text_section{text-align:left;background-color:#e6cbcb;flex-direction:column;justify-content:center;max-width:800px;margin-bottom:40px;padding:10px 20px;display:flex}.about_image{border-radius:12px;width:100%;max-height:500px;box-shadow:0 8px 24px #0003}