/* Colors

  background: #A4B6D0
  header dard blue: #262E5E
  dark grey: #374238

*/


body {
  background-color: #A4B6D0;
  font-family:"Courier";
  font-size: .875rem;
  padding-left: 5%;
  padding-right: 5%;
}

@media (max-width:768px) {
  body {
    padding-inline: 0;
  }
}

h2 {
  color: #262E5E;
  font-size: x-large;
  text-align: right;
}
h3 {
  color: #262E5E;
  font-size: medium;
}

.coolKidsOnly {
  text-align: center;
}

p {
  margin-bottom: 8px;
}

.commentsSection {
  .who {
    color: #374238  
  }

  .message {
    color: #000000;
    margin-left: 40px;
    margin-bottom: 25px;
    margin-top: 5px;
  }

  .icons {
    vertical-align: center;
  }
}

.navigationColumns {
  display: flex;

  .column {
    padding-right: 10%;
  }
}

form {
  padding: 0px;
}
textarea.a {
  width: 600px;
  height: 80px;
  border: 1px solid #000000;
  padding: 5px;
  background-color: #DFE6F1;
  font-family:"Courier";
  font-size: small;
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (max-width:768px) {
  textarea.a {
    width: 97%;
  }
}

textarea.b {
  width: 97%;
  border: 1px solid #000000;
  padding: 5px;
  background-color: #DFE6F1;
  font-family:"Courier";
  font-size:13px;
  margin-left: 31px;
  margin-bottom: 0px;
}
input {
  font-family: "Courier";
}
input[type=text] {
  background-color: #DFE6F1;
  border: 1px solid #000000;
  padding: 5px;
  font-size: small;
}

.postCommentButton {
  font-family: "Courier";
}

a:link {
  color: #374238;
  text-decoration: none;
}

.navigate {

  .enabled {
    color: #000000;
    cursor: pointer;
  }
  .disabled {
    color: #374238;
    cursor: default;
  }
}

a:visited {
  color: #374238;
  text-decoration: none;
}