/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body{
  background-color: white;
  
  color: black;
}
h1{
 font-family:"Trebuchet MS", "FreeSans"; 
}
.logo h1{
  color:rgb(0, 255, 0);
}
h2, h3{
  font-family:"Liberation Sans", Calibri, Arial, Helvetica;
}
main{
  max-width:1200px;
  width:90%;
  margin:40px auto;
  padding:30px;
  background:#4b0082; /* Purple */
  color:#ffb6f2;      /* Pink text */
  border:3px solid #ff69d4;
  border-radius:0px;
  box-shadow:0 0 20px rgba(255, 105, 212, 0.5), 0 0 40px rgba(128, 0, 255, 0.4);
  text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 105, 212, 0.6);
}
/* Only headings inside <main> */
main h1, main h2, main h3, main h4, main h5, main h6{
  color:#ff7edb;
  text-shadow:0 0 8px #ff69d4, 0 0 16px #ff69d4, 2px 2px 4px rgba(0, 0, 0, 0.8);
}
/* Only paragraphs, lists, spans, etc. inside <main> */
main p, main li, main span, main label, main strong, main em{
  color:#ffb6f2;
}
/* Only links inside <main> */
main a{
  color:#ff66ff;
  text-decoration:none;
  text-shadow:0 0 8px #ff66ff;
}
main a:hover{
  color:#ffffff;
  text-shadow:0 0 12px #ffffff;
}
/* Yahoo Widget */
.terminal-widget{
  display:inline-block;
  background:#000;
  border:2px solid #00ff66;
  border-radius:6px;
  padding:10px 12px;
  width:280px;
  font-family: Consolas, "Courier New", monospace;
  color:#00ff66;
  box-shadow:0 0 8px rgba(0,255,102,.6), 0 0 18px rgba(0,255,102,.35);
}
/* Title Bar */
.terminal-title{
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid #00ff66;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1px;
  text-shadow:0 0 6px #00ff66;
}
/* Form */
.terminal-widget form{
  display: flex;
  align-items:center;
}
/* Prompt */
.terminal-prompt{
  margin-right:8px;
  color:#00ff66;
  text-shadow:0 0 6px #00ff66;
}
/* Input */
.terminal-input{
  flex:1;
  background:transparent;
  border:none;
  outline:none;
  color:#00ff66;
  font:inherit;
  text-shadow:0 0 5px #00ff66;
}
.terminal-input::placeholder{
  color:#009944;
}
/* Blinking cursor */
.terminal-input{
  caret-color:#00ff66;
}