body{background:#000;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}.container{width:100%;position:relative;margin:40px 0}.navbar-nav{gap:80px}.navbar{background-color:#000}.navbar-brand,.nav-link{color:#fff !important;display:flex;align-items:center;height:100%}.nav-link.active,.nav-link:hover{color:#ccc !important}.navbar-toggler{border-color:#fff}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}@media(max-width: 991px){.navbar-nav{display:contents}.nav-item{flex-grow:1;text-align:center}}.navbar-brand.logo-left{position:absolute;left:0;top:0;padding-left:40px}.container-fluid{position:relative;z-index:3232}.navbar-nav{margin-left:auto;margin-right:40px;gap:80px}.navbar{position:relative;width:100%}.navbar-toggler{border-color:#fff}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}@media(max-width: 991px){.navbar-brand.logo-left{position:relative;padding-left:10px}.container-fluid{padding:0 15px}.navbar-nav{flex-direction:column;text-align:center;margin-top:20px}.nav-item{margin:10px 0}.navbar-nav{gap:10px}.navbar-collapse{text-align:center}}@media(max-width: 576px){.navbar-brand.logo-left{padding-left:5px}.navbar-nav{gap:15px;z-index:3123}.nav-item{margin:5px 0}.navbar-toggler{margin-right:10px}}.navbar{position:relative;width:100%}.planet{position:fixed;border-radius:50%;z-index:1}.jupiter{left:calc(50% - 400px);top:10%;width:800px;height:800px;background-clip:padding-box;background-image:url(http://maujor.com/labs/jupiter.jpg);animation:rotate infinite linear reverse 30s}.planet:before{position:absolute;content:" ";display:block;border-radius:50%}.jupiter:before{width:800px;height:800px;box-shadow:inset 60px 0 60px #000;background:linear-gradient(-90deg, transparent 30%, black)}@keyframes rotate{0%{background-position:0 0}100%{background-position:100% 0}}.text-overlay{position:relative;z-index:10;width:100%;text-align:center;color:#fff;margin-top:30vh}.text-overlay p{font-size:3vh;padding-bottom:350px;text-transform:uppercase;font-family:monospace;text-shadow:-2px 9px 15px rgba(0,0,0,.9)}footer{z-index:500;width:100%;min-height:40vh;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;padding:5rem 2vw;position:relative}footer::before{width:100%;height:100%;content:"";position:absolute;inset:0;background:linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.8) 40%, rgb(0, 0, 0) 50%, rgb(0, 0, 0));z-index:-7}.backdrop{z-index:-5;position:absolute;inset:0;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);mask-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.8) 20%, rgb(0, 0, 0) 30%, rgb(0, 0, 0));-webkit-mask-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.8) 20%, rgb(0, 0, 0) 30%, rgb(0, 0, 0))}.social img{width:40px;padding-right:5px}.social{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1vh}a{text-decoration:none;color:inherit}.link{width:calc(.8*var(--m));height:calc(.8*var(--m));border-radius:calc(.1*var(--m));display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1000px){:root{--m: 1rem}}@media screen and (max-width: 700px){footer{width:100%;min-height:30vh;flex-direction:row;gap:20px}}.text-color{color:#f0f8ff;font-size:2vh}.compiler-block{z-index:3030;display:grid;padding:60px}textarea{width:100%;max-width:600px;height:150px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff;font-family:"Courier New",Courier,monospace;font-size:14px;box-shadow:2px 2px 10px rgba(0,0,0,.1);resize:none}button{padding:10px 20px;font-size:16px;border:none;background-color:#218109;color:#fff;border-radius:5px;cursor:pointer;box-shadow:2px 2px 5px rgba(0,0,0,.1);transition:background-color .3s ease}button:hover{background-color:#215f88}#consoleOutput{width:100%;max-width:600px;height:150px;border:1px solid #ccc;border-radius:5px;background-color:#e9ecef;padding:10px;font-family:"Courier New",Courier,monospace;font-size:14px;white-space:pre-wrap;overflow-y:auto;margin-top:10px;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.planet{position:fixed;border-radius:50%;z-index:1}.jupiter{left:calc(50% - 400px);top:10%;width:800px;height:800px;background-clip:padding-box;background-image:url(http://maujor.com/labs/jupiter.jpg);animation:rotate infinite linear reverse 30s}.planet:before{position:absolute;content:" ";display:block;border-radius:50%}.jupiter:before{width:800px;height:800px;box-shadow:inset 60px 0 60px #000;background:linear-gradient(-90deg, transparent 30%, black)}@keyframes rotate{0%{background-position:0 0}100%{background-position:100% 0}}.example-block{z-index:3030}.commands-block{z-index:3030;padding:60px}.command-list{list-style-type:none;padding:0;margin-top:80px}.command-list li{background-color:#f8f8f8;margin:10px 0;padding:15px;border-radius:5px;font-size:18px;transition:background-color .3s ease;cursor:pointer}.command-list li:hover{background-color:#8a8a8a}.command-list li::before{content:"➤";color:#00bfff;font-weight:bold;margin-right:10px}