@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.language-form{width:100%;margin:60px auto;padding:40px;border:1px solid #ddd;box-shadow:3px 3px 5px #0000000d;background:#fff}.language-form p{background-color:#f4f4f4}@media screen and (max-width: 768px){.language-form{margin:40px auto;padding:20px}}@media screen and (max-width: 375px){.language-form{margin:20px auto;padding:10px}}.project-filter{margin:30px auto}.project-filter nav{display:flex;padding:10px;background-color:#fff;border-radius:4px}.project-filter p{font-size:.9em;margin-right:10px}.project-filter button{background:transparent;border:0;font-family:inherit;font-weight:700;color:var(--text-color);cursor:pointer;border-right:1px solid #e4e4e4;font-size:.9em}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}@media screen and (max-width: 375px){.project-filter nav{padding:5px}.project-filter p{font-size:.9em;margin-right:5px}}.auth-form{max-width:360px;margin:60px auto;padding:40px;border:1px solid #ddd;box-shadow:3px 3px 5px #0000000d;background:#fff}@media screen and (max-width: 768px){.auth-form{margin:40px auto;padding:20px}}@media screen and (max-width: 375px){.auth-form{margin:20px auto;padding:10px}}.navbar{width:100%;padding:30px 0;box-sizing:border-box;margin-bottom:80px}.navbar ul{display:flex;margin:0 auto;align-items:center;justify-content:flex-end}.navbar .logo{font-weight:700;color:var(--heading-color);letter-spacing:1px;display:flex;align-items:center;margin-right:auto}.navbar .logo img{margin-right:10px;filter:invert(25%);width:36px;margin-top:-8px}.navbar a{color:#8d69f1;text-decoration:underline;margin-right:20px;margin-left:50px}@media screen and (max-width: 768px){.navbar{padding:20px 0;margin-bottom:40px}.navbar a{margin-right:10px;margin-left:30px}}@media screen and (max-width: 375px){.navbar{padding:10px 0;margin-bottom:20px}.navbar a{margin-right:10px;margin-left:10px}}.avatar{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%}.sidebar{width:300px;min-width:300px;background:var(--primary-color);min-height:100vh;box-sizing:border-box;position:relative;color:#fff}.sidebar-content{position:fixed;width:inherit}.sidebar .user{font-weight:700;text-align:center;letter-spacing:1px;padding:40px 30px;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar .links{margin-top:80px;margin-left:20px}.sidebar .links li{margin-top:10px}.sidebar .links a{display:flex;padding:10px;text-decoration:none;width:100%;color:#fff;box-sizing:border-box}.sidebar .links img{margin-right:10px;filter:invert(100%)}.sidebar .links a.active{color:#555;background:var(--bg-color);border-radius:20px 0 0 20px}.sidebar .links .active img{filter:invert(40%)}.flags{height:1.5em;width:20px;margin-right:20px}@media screen and (max-width: 768px){.sidebar{display:none}}.mobilebar{display:none}@media screen and (max-width: 768px){.mobile-avatar{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden}.mobile-avatar img{width:100%;height:100%}.mobilebar{display:block;width:100%;background:var(--primary-color);min-height:30vh;box-sizing:border-box;position:relative;color:#fff;border-radius:2%}.mobilebar-content{width:inherit}.mobilebar .user{font-weight:700;letter-spacing:1px;padding:10px;border-bottom:1px solid rgba(255,255,255,.2)}.mobilebar .links li{margin-top:10px}.mobilebar .links a{display:flex;padding:10px;text-decoration:none;width:100%;color:#fff;box-sizing:border-box}.mobilebar .links img{margin-right:10px;filter:invert(100%)}.mobilebar .links a.active{color:#555;background:var(--bg-color);border-radius:20px 0 0 20px}.mobilebar .links .active img{filter:invert(40%)}.flags{height:1.5em;width:20px;margin-right:20px}}@media screen and (max-width: 375px){.mobile-avatar{display:inline-block;width:30px;height:30px}.mobilebar{min-height:20vh}.mobilebar .user,.mobilebar .links a{padding:5px}.flags{height:1.5em;width:20px;margin-right:10px}}.App{display:flex}.App .container{flex-grow:1;padding:0 60px}@media screen and (max-width: 375px){.App .container{padding:0 10px}}:root{--heading-color: #444;--text-color: #999;--primary-color: #8d69f1;--highlight-color: #d13267;--bg-color: #f4f4f4}body{font-family:Poppins,sans-serif;margin:0;font-size:1.1em;background:var(--bg-color);zoom:1}ul,li,p,h1,h2,h3,h4{margin:0;padding:0}ul{list-style-type:none}.page-title{font-size:1em;color:var(--heading-color);display:inline-block}.btn{background:#fff;padding:8px 12px;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:1em;border:1px solid var(--primary-color)}.btn:hover{color:#fff;background-color:var(--primary-color)}label{display:block;margin:24px auto}label span{display:block;margin-bottom:6px}input,textarea{padding:8px 6px;font-size:1em;color:#777;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:4px}textarea{min-height:160px}.error{color:red;background:pink;border:1px solid red;border-radius:4px;padding:8px;margin:10px 0}@media screen and (max-width: 768px){.App .container{padding:0 20px}}@media screen and (max-width: 375px){label{margin:12px auto}textarea{min-height:80px}.App .container{padding:0 20px}}