body{background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:#0f0;font-family:"Courier New",Courier,monospace;flex-direction:column;text-align:center}.terminal{background-color:#000;border-radius:8px;box-shadow:0 0 20px #0f0;font-size:2rem;text-align:left;display:inline-block;overflow:hidden;min-height:150px;min-width:800px;max-width:90%}.terminal-header{background-color:#222;padding:5px 10px;display:flex;align-items:center;gap:8px}.button{width:14px;height:14px;border-radius:50%;display:inline-block}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-body{padding:20px 10px}.cursor{display:inline-block;width:15px;height:3px;background-color:#0f0;margin-left:2px;vertical-align:bottom;animation:blink .8s steps(1) infinite}@keyframes blink {
    50% { opacity: 0; }
}.top-buttons{position:fixed;top:20px;right:20px;display:flex;gap:10px;flex-wrap:wrap}.top-button{background-color:#000;color:#0f0;border:2px solid #0f0;border-radius:5px;padding:5px 10px;font-family:"Courier New",Courier,monospace;text-decoration:none;font-size:1rem;transition:all .2s ease , box-shadow .3s ease}.top-button:hover{animation:glow 1s infinite alternate}@keyframes glow {
    0%, 100% { box-shadow: 0 0 5px #00ff00; }
    50% { box-shadow: 0 0 15px #00ff00; }
}.logo{position:fixed;top:10px;left:20px;width:150px;height:150px}.ip-info,.time-info{position:fixed;font-family:"Courier New",Courier,monospace;color:#fff;font-size:1rem}.ip-info{bottom:10px;right:20px}.time-info{bottom:10px;left:20px}@media only screen and (orientation:portrait){.logo{width:350px;height:341px;top:10px}.top-buttons{gap:35px}.top-button{font-size:2rem;padding:8px 12px}.terminal{font-size:2.2rem;max-width:95%}.ip-info,.time-info{font-size:1.3rem;bottom:60px}}