body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app,body,html{color:#e0e0e0;font-family:Roboto,sans-serif;height:100%;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#2c2c2c;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#5a5a5a;border:3px solid #2c2c2c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}*{scrollbar-color:#5a5a5a #2c2c2c;scrollbar-width:thin}body{-ms-overflow-style:scrollbar}body::-webkit-scrollbar{-webkit-appearance:none}body::-webkit-scrollbar-track{background-color:#2c2c2c;border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#5a5a5a;border:3px solid #2c2c2c;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding:20px}.projects{margin-top:50px;text-align:center;width:60%}.projects h2{color:#fff;font-size:2rem;margin-bottom:20px;position:relative}.projects h2:after{background-color:red;background-image:url(https://path-to-your-image.png);background-size:cover;content:"";display:block;height:5px;height:50px;margin:10px auto 0;position:relative;width:100px}.project-card{background-color:#242424cc;border-radius:12px;box-shadow:0 4px 8px #0006;display:flex;margin-bottom:30px;padding:20px;transition:transform .3s ease;width:100%}.project-card:hover{transform:scale(1.05)}.navbar{background-color:#2c2c2c;display:flex;padding:10px;position:fixed;z-index:1000}@media only screen and (max-width:767px){.navbar{display:none}.project-list{margin-top:50px;min-width:300px;text-align:center;width:100%}.projectCard{background-color:#242424cc;border-radius:12px;box-shadow:0 4px 8px #0006;display:flex;margin-bottom:30px;padding:20px;transition:transform .3s ease;width:95%}}.navbar-vertical{border-radius:20px;flex-direction:column;height:80%;left:0;margin:15px;top:50%;transform:translateY(-50%)}.navbar-horizontal{border-radius:20px;bottom:0;flex-direction:row;left:50%;margin:15px;transform:translateX(-50%);width:800px}.navbar-horizontal .nav-item{margin:10px 20px}.navbar-vertical .nav-item{margin:15px 10px}.nav-item .icon{height:40px;width:40px}.navbar-vertical .toggle-btn{background-color:#2c2c2c;border:none;cursor:pointer;margin-top:auto;padding:0}.navbar-horizontal .toggle-btn{background-color:#2c2c2c;border:none;cursor:pointer;margin-left:auto}.bar{align-items:center;background-color:#1e1e1e;border-left:2px solid #333;border-radius:20px;box-shadow:-4px 0 8px #00000080;display:flex;flex-direction:column;height:auto;margin-right:15px;padding:10px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:100px}@media only screen and (max-width:767px){.bar{display:none}}.controlSection{background-color:#2a2a2a;border-radius:10px;box-shadow:0 4px 8px #0000004d;margin:10px;padding:10px;text-align:center;transition:background-color .3s;width:80px}.controlSection:hover{background-color:#333}.variableName{color:#ccc;font-size:14px;margin-bottom:8px;margin-top:0}.valueControls{align-items:center;display:flex;flex-direction:column}.controlBtn{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:2px 0;padding:5px;transition:background-color .2s;width:24px}.controlBtn:hover{background-color:#555}.valueDisplay{background-color:#2a2a2a;color:#fff;font-size:16px;margin:5px 0;width:40px}.icon{height:50px;width:50px}.iconBtn{background-color:#1e1e1e}.iconBtn,.textBtn{border:none;cursor:pointer;margin-top:10px}.textBtn{background-color:#2a2a2a;border-radius:5px;color:#fff;padding:15px 5px}.headerCard{background-color:#2c2c2cb3;border-radius:20px;box-shadow:0 4px 10px #0000004d;margin-bottom:40px;max-width:40rem;min-width:300px;padding:30px;width:90%};.headerTitle{color:#fff;margin-top:14px};.headerDescription{color:#ddd};
/*# sourceMappingURL=main.a09f1e1e.css.map*/