.terminal{background-color:#0d1117;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.5);width:100%;margin:0 10%;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .3s ease}.terminal:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.terminal-header{background-color:#161b22;padding:.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-button{width:12px;height:12px;border-radius:50%}.red{background-color:#ff5f56}.yellow{background-color:#ffbd2e}.green{background-color:#27c93f}.terminal-title{position:absolute;left:0;right:0;text-align:center;font-size:.8rem;color:#8b949e}.terminal-body{padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;height:fit-content;min-height:450px;transition:all .5s ease;overflow:hidden}.terminal-line{display:flex;margin-bottom:.75rem}.prompt{color:#27c93f;margin-right:.5rem}.code,.command{color:white}.comment{color:#8b949e;margin-bottom:.25rem;margin-top:1rem}.comment:first-of-type{margin-top:0}.cursor{display:inline-block;width:8px;height:16px;background-color:white;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width:768px){.terminal{width:100%;max-width:500px}}