@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");body{margin:0;padding:0;outline:none;box-sizing:border-box;font-family:Kanit;background-color:#0d0416!important}a{text-decoration:none;color:inherit}.toggle-container{right:20px;top:50%;display:flex;align-items:center;margin-left:auto;margin-top:0;margin-bottom:0;align-self:center}.toggle-description{font-size:1rem;color:#0fc;margin-right:10px;font-family:Kanit,sans-serif;text-shadow:0 0 5px #0fc,0 0 10px #0fc}.toggle-switch{display:flex;align-items:center;justify-content:center;width:60px;height:34px;background:linear-gradient(145deg,#1f1f1f,#2a2a2a);border-radius:34px;border:2px solid #4a4a4a;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer}.toggle-input{display:none}.toggle-label{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#1f1f1f,#2a2a2a);border-radius:34px;cursor:pointer;transition:background .4s}.toggle-label:before{content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:26px;height:26px;background:linear-gradient(145deg,#4a4a4a,#6a6a6a);border-radius:50%;transition:transform .4s,background .4s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.toggle-input:checked+.toggle-label{background:linear-gradient(145deg,#3a3a3a,#5a5a5a)}.toggle-input:checked+.toggle-label:before{transform:translate(26px,-50%);background:linear-gradient(145deg,#0fc,#0fa)}.nav-items{display:flex;justify-content:space-between;margin-top:0;margin-bottom:0;margin-left:55px}.nav-item{margin-right:20px}.nav-item,.nav-link{color:#0fc;text-decoration:none}ul{list-style:none}.dropdown-menu{display:none;position:absolute;background-color:#1f1f1f!important;padding:10px;border:1px solid #1f1f1f;flex-direction:column;z-index:1000}.dropdown-menu li{margin-bottom:10px;margin-left:10px;display:block}.dropdown-menu li:last-child{margin-bottom:0}.dropdown-menu a{color:#0fc;text-decoration:none}.dropdown-menu button{border:none;margin:none;padding:none;color:#0fc}.nav-link:focus+.dropdown-menu,.nav-link:hover+.dropdown-menu{display:block}.arrow-down{font-size:10px;vertical-align:middle}.nav-item:hover .dropdown-menu{display:flex}header{position:sticky;top:0}nav{background-color:#1f1f1f;border-bottom:2px solid #4a4a4a;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:0 0 10px 10px;display:flex;justify-content:space-between;align-items:center;padding:1rem;height:-moz-fit-content;height:fit-content}.title{font-size:1.8rem;font-weight:700;margin-left:10px;margin-right:48px;display:inline-block;color:#0fc;text-shadow:0 0 5px #0fc,0 0 10px #0fc,0 0 15px #0fc}.logo-and-title{display:flex;align-items:center}.toggle-switch{margin-left:auto}.logo{margin-left:10px;width:80px;height:80px}.contact-form{width:300px;margin:0 auto}.contact-text{padding-top:10px;color:#ccc}.contactForm{display:flex;flex-direction:column}.form-goup{margin-bottom:15px}.contactlbl{margin-bottom:5px;color:#ccc}.contactinput{background-color:transparent;width:100%;padding:8px;border:2px dashed #ccc;border-radius:4px;box-sizing:border-box;color:#ccc}.btnContact{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer}.btnContact:hover{background-color:#45a049}.kaboom-canvas{display:block;margin:auto}.game{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.terminal{border:2px solid #ccc;border-radius:8px;overflow:hidden;font-family:Kanit,sans-serif;position:relative;margin:7px auto;width:90%;max-width:800px}.top-bar{background-color:#0d47a1;color:#fff;padding:8px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:sticky;top:0;z-index:1}.inputPrefix{height:60px;color:#fff;outline:none;position:absolute;display:block;bottom:0;padding:30px 10px 10px;width:100px;flex:1;margin-right:15px}.input-container{display:flex;align-items:center}.command-input{outline:none;white-space:pre-wrap;height:60px;cursor:text;color:#fff;position:absolute;display:block;bottom:0;padding:30px 10px 10px;width:100%;margin-left:15px}.command-input input{flex:2;border:none;outline:none;background:transparent;color:#fff;padding:10px;margin:10px;min-height:20px}.output{color:#fff;white-space:pre-wrap;padding:0 8px 20px;margin-bottom:30px;height:500px;overflow-y:auto}.output::-webkit-scrollbar{width:8px}.output::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px}