/* Formatting for basic text of the website */
body, p {
  color: #6e6e6e;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  background-color: #EEF7FC;
}

/* Formatting for main content of the document */
main {
  /* scroll horizontally as needed */
  overflow-x: auto;
  /* center contents */
  text-align: center;
}

/* Formatting for generic images */
main img {
  /* constrain images on small screens */
  max-width: 100%;
}

/* Formatting for div */
div {
  color: #4c301a;
}

/* Formatting for H4 title text */
h4 {
  color: #4c301a;
  font-weight: bolder;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: large;
}

/* Formatting for H5 title text */
h5 {
  color: #6e6e6e;
  font-weight: bolder;
  margin-top: 20px;
  font-size: medium;
  font-style: italic;
}

/* Formatting for footer */
footer {
  padding-bottom: 40px;
}

/* Size and margin for brand */
nav .navbar-brand {
  font-size: xx-large;
  margin-left: 40px;
}

/* Brand color(s) */
nav .navbar-brand .brown {
  color: #4c301a;
}

/* Header formatting */
.header {
  padding: 60px;
  color: #353432;
  /* background-image: url("https://www.iconspng.com/uploads/ornamental-pattern-from-an-ancient-greek-vase/ornamental-pattern-from-an-ancient-greek-vase.png"); */
  background-image: url("vibration3.jpg");
  background-size: cover;
  text-align: center;
  background-position: center;
}

/* Checked star color for rating representation */
.checked {
  color: orange; }

/* Formatting individual paragraphs */
.paragraph {
  margin-left: 60px;
  margin-top: 40px;
  background-size: cover;
  background-position: center;
}

/* Formatting for lonely small images (non-responsiive) */
img {
  width: 100px; }

/* Formatting for responsive images */
.responsive {
  width: 100%;
  height: auto;
}

/* Formatting for small responsive images */
.responsive_small {
  width: 30%;
  height: auto;
}

/* Formatting for responsive images */
.container_fluid {
  margin-left: 60px;
}

/* Formatting for generic forms */
main .form-group {
  /* center form controls */
  display: inline-block;
  /* override Bootstrap's 100% width for form controls */
  width: auto;
}

/* Formatting for larger forms */
main .form-group-large {
  /* center form controls */
  display: inline-block;
  /* override Bootstrap's 100% width for form controls */
  width: 30%;
}

/* Formatting for forms (not used for Project_0 ) */
main .form-control {
  /* center form controls */
  display: inline-block;
}

/* Formatting for columns (used for display of reviews) */
.col-3 {
  text-align: left;
}

.col-12, .col-10 {
  text-align: justify;
}

.col-2 {
  text-align: right;
}

/* Formatting for button */
.btn {
  margin:10px;
}

/* Formatting for #logs table */
#logs {
  font-family: Helvetica, sans-serif;
  border-collapse: collapse;
  width: 50%;
  margin: 20px;
}

/* Defining the properties of #topics table */
#logs {
  /* Defining the cell properties for #topics table */
  /* Highlighting even rows in #topics table */
  /* Highlighting even rows in #topics table */ }
  #logs td, #logs th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  #logs tr:nth-child(even) {
    background-color: white;
  }
  #logs th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #353432;
    color: white;
  }