:root{--bg:#eee;--bg-dark:#333;--primary:#0a7ea3;--text:#666;--text-dark:#2f4f4f;--text-lightest:#fff}body{background-color:var(--bg);margin:0;font-family:Ubuntu,Fira Sans,sans-serif}.app{flex-direction:column;align-items:center;padding:8px;display:flex}.header{flex-direction:column;align-items:center;padding-top:4px;display:flex}.header-icon{width:50px;height:50px;animation:15s linear infinite logo-spin}.header-name{text-transform:uppercase;color:var(--text-dark);margin:0;font-family:Barlow,sans-serif;font-size:28px;font-weight:400}.header-name span{color:var(--primary);font-weight:700}.terminal{box-sizing:border-box;background-color:var(--bg-dark);width:100%;min-height:150px;color:var(--text-lightest);margin:32px 0 16px;padding:8px}.terminal-text{font-family:Monaco,monospace;font-size:12px;font-weight:700}.terminal-prompt{margin:4px 0;display:flex}.prompt-symbol{padding-right:8px}.orange{color:#ff8636}.yellow{color:#eec644}.green{color:#82b807}.blue{color:#81aeff}.cursor{animation:1s linear infinite blink}.footer{flex-direction:column;align-items:center;margin-top:8px;display:flex}.footer-links{display:flex}.footer-links a{padding:8px}.footer-links img{width:40px;height:40px;display:block}.footer-copy{color:var(--text);margin:8px 0 0;font-size:12px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width>=32em){.app{padding:32px}.header-name{font-size:32px}.terminal{padding:16px}}@media (width>=48em){.header-icon{width:75px;height:75px}.header-name{font-size:40px}.terminal{min-height:200px;margin-top:64px}.terminal-text{font-size:16px}.footer{margin-top:32px}.footer-links img{width:60px;height:60px}}@media (width>=64em){.app{padding:64px}.header-name{font-size:56px}.terminal{width:85%;min-height:250px}.terminal-text{font-size:20px}}