body{background-color:#fff;color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}#main{flex-direction:row}#main,#menu{display:flex;height:100vh}#menu{align-items:center;background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#fff;flex-direction:column;min-width:200px;width:20vw}#menu ul{height:88vh;margin:0;overflow:auto;padding:0;width:100%}.filter{border-bottom:1px solid #3b4d5a;height:5vh;justify-content:end;padding-right:25px}.filter,.user{align-items:center;display:flex;flex-direction:row;width:100%}.user{background-color:#34495e;height:7vh}.user img{border-radius:50%;height:35px;margin-left:10px;margin-right:10px;width:35px}.user:hover{cursor:pointer}#menu li{border-bottom:1px solid #3b4d5a;box-sizing:border-box;list-style:none;padding:20px;transition:background-color .3s ease;width:100%}#menu li:hover{background-color:#1a252f;cursor:pointer}.content{background-color:#fff;box-sizing:border-box;color:#444;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:40px;width:80vw}.content h1{font-size:2.5rem;margin-bottom:20px;margin-top:0}.content h2{font-size:1.8rem;margin-bottom:20px;margin-top:40px}.content p{line-height:1.6;margin-bottom:8px;margin-top:8px}.content ul{margin:0;padding-left:20px}.content li{margin-bottom:6px;margin-top:6px}.content a{border-bottom:1px solid #0000;color:#2980b9;text-decoration:none;transition:border-color .3s ease}.content a:hover{border-bottom:1px solid #2980b9}iframe{border-radius:10px;box-shadow:0 4px 12px #0000001a}.no-project-selected{align-items:center;color:#888;display:flex;font-size:1.5rem;height:100%;justify-content:center;text-align:center;width:100%}.selected-project{background-color:#1a252f}.tech-items{list-style-type:"none";padding:0}.tech-items li{align-items:center;display:flex}.tech-items li svg{margin-right:10px}.unavailable{color:#888}.projectName{align-items:center;display:flex;height:100px;justify-content:space-between}.project-logo{height:100px;margin-right:10px;width:100px}.in-development{font-weight:700}.tech-icon{display:inline-block;filter:grayscale(100%);height:16px;margin-right:10px;width:16px}#modalBackground{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}@media screen and (max-width:768px){#main{flex-direction:column}#menu{box-shadow:0 2px 5px #0000001a;height:10vh;width:100vw}#menu ul{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-around;overflow-y:hidden}#menu li{border-bottom:none;border-right:1px solid #3b4d5a}.content{padding:20px;width:100vw}.filter,.user{display:none}.screencast{width:100%}}.gitUrl{align-items:center;display:flex;gap:5px}#menu ul::-webkit-scrollbar{width:8px}#menu ul::-webkit-scrollbar-track{background:#1a252f;border-radius:5px}#menu ul::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #2c3e50;border-radius:10px}#menu ul::-webkit-scrollbar-thumb:hover{background-color:#888}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:#1a252f}.content::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #2c3e50;border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background-color:#888}.gallery{flex-direction:row;margin-top:30px}.gallery,.galleryImage{align-items:center;display:flex;justify-content:center}.galleryImage{flex-direction:column;margin:10px}.galleryImageContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;width:60vw}.galleryImageContainer img{border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:10px;max-height:400px;max-width:1000px;width:auto}button{background-color:#2c3e50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s}button:hover{background-color:#1a252f}.image-description{font-size:16px;margin-top:10px;text-align:center}.arrow{border:solid #fff;border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}@media screen and (max-width:768px){.galleryImageContainer img{width:90%}}.filter-container{align-items:center;display:flex;position:relative}#filterIcon:hover{cursor:pointer}.dropdown{background-color:#2c3e50;border:1px solid #3b4d5a;border-radius:5px;box-shadow:0 4px 6px #0000001a;height:236px;position:absolute;right:15px;top:5vh;width:150px;z-index:100}#removeIcon:hover{cursor:pointer}.dropdown ul{list-style:none;margin:0;padding:10px}.dropdown ul li{cursor:pointer;padding:8px 12px}.dropdown ul li:hover{background-color:#f0f0f0}
/*# sourceMappingURL=main.fdce6459.css.map*/