body {
	    background: #0d0d0d;
	        color: #39FF14;
		    font-family: 'Fira Mono', 'Consolas', 'Courier New', monospace;
		        margin: 0;
		}

		.terminal {
			    max-width: 800px;
			        margin: 40px auto;
				    background: #161616;
				        border: 2px solid #222;
					    box-shadow: 0 0 22px #191919;
					        border-radius: 8px;
						    padding: 0 0 24px 0;
					    }

					    header, footer {
						        padding: 20px 33px;
							    background: #101010;
							        border-bottom: 1px solid #333;
							}

							header h1 {
								    margin: 12px 0 0 0;
								        font-size: 2.3rem;
									    color: #39FF14;
									        font-weight: bold;
									}

									.subtitle {
										    font-size: 1em;
										        color: #26a269;
											    font-style: italic;
											        margin-top: 6px;
											}

											.prompt {
												    color: #00d9ff;
												        font-family: inherit;
													    font-weight: bold;
													        display: inline-block;
													}
													.user {
														    color: #39FF14;
													    }
													    .cursor {
														        display: inline-block;
															    width: 10px;
															        background: #39FF14;
																    margin-left: 3px;
																        height: 1em;
																	    animation: blink 1s steps(2, start) infinite;
																	        vertical-align: bottom;
																	}

																	@keyframes blink {
																		    0%, 100% { opacity: 0; }
																		        50% { opacity: 1; }
																		}

																		main {
																			    padding: 35px 33px 0 33px;
																		    }

																		    section {
																			        margin-bottom: 30px;
																			}

																			h2 {
																				    color: #00fff7;
																				        font-size: 1.2em;
																					    margin-top: 5px;
																					        margin-bottom: 9px;
																					}

																					ul {
																						    list-style: none;
																						        padding-left: 0;
																						}

																						ul li::before {
																							    content: "$ ";
																							        color: #39FF14;
																								    font-weight: bold;
																								        margin-right: 7px;
																								}

																								a {
																									    color: #50e3c2;
																									        text-decoration: underline;
																									}

																									a:hover {
																										    background: #222;
																										        color: #39FF14;
																										}

																										footer p {
																											    color: #777;
																											        font-size: 0.9em;
																												    margin: 9px 0 0 0;
																												        text-align: right;
																													    font-family: inherit;
																													        background: none;
																														    border: none;
																													    }

																													    @media (max-width: 650px) {
																														        .terminal {
																																        margin: 8px;
																																	        padding: 0 0 14px 0;
																																		    }
																																		        main { padding: 18px 6vw 0 6vw; }
																																			    header, footer { padding: 14px 4vw; }
																																		    }