/*
CSS
by Colton Murray, 10/6/25
*/

/* body */
body {
 font-family: Arial, sans-serif;
 background-color: bisque;
 color: #333;
 margin: 20px;
}

/* h1 heading */
h1 {
 color: #007bff;
 text-align: center;
}

/* paragraphs */
p {
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 15px;
}

/* Submit button */
.submit {
 background-color: #22a8a2;
 color: white;
 padding: 10px 20px;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-size: 1em;
}

/* Hover effect for the button */
.submit:hover {
 background-color: #999966;
}

/*audio button
#morseAudioButton{

} */

/* information from JavaScript */
#information {
 color: #22a8a2;
}

/* output from JavaScript */
#output {
 font-size: 20px;
 background-color: white;
 border: solid 2px blue;
}

/* MY STUFF AFTER THIS */

/* morseInfo from js */
#morseInfo {
  color: gray;
}

/* morseOut from js */
#morseOut {
  font-size: 20px;
  background-color: white;
  border: solid 2px red;
}

/* Home Page Button Formatting */
#hpButton {
  font-size: 20px;
  text-align: end;
}

/* Footer Formatting */
#footerFormat {
  font-size: 15px;
  color: purple;
}
/* I have no clue why this isn't working :) */