/* img {
            width: 70%;
            border-radius: 10px;
        } */

a {
  text-decoration: none;
  color: rgb(192, 192, 192);
}

.blackText {
  color: black;
}

a:hover {
  color: black;
}

.boxer {
  background-color: rgb(230, 230, 230);
  border: 1px solid rgb(201, 201, 201);
  border-radius: 10px;
  padding: 2%;
  margin: 1%;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}

.boxer:hover {
  box-shadow: 0px 0px 10px lightgrey;
  transform: scale(1.02);
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}

/*start: for callouts */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

.bs-callout + .bs-callout {
  margin-top: -5px;
}

.bs-callout-default {
  border-left-color: #777;
  background-color: rgb(236, 236, 236);
}

.bs-callout-default h4 {
  color: #777;
}

.bs-callout-primary {
  border-left-color: #428bca;
  background-color: #eef6fd;
}

.bs-callout-primary h4 {
  color: #428bca;
  background-color: #4c81ad;
}

.bs-callout-success {
  border-left-color: #5cb85c;
  background-color: #f1fcf1;
}

.bs-callout-success h4 {
  color: #5cb85c;
}

.bs-callout-danger {
  border-left-color: #d9534f;
  background-color: #fdeaea;
}

.bs-callout-danger h4 {
  color: #d9534f;
}

.bs-callout-warning {
  border-left-color: #f0ad4e;
  background-color: #fdf6ed;
}

.bs-callout-warning h4 {
  color: #f0ad4e;
}

.bs-callout-info {
  border-left-color: #5bc0de;
  background-color: #e9f5f8;
}

.bs-callout-info h4 {
  color: #5bc0de;
}

/*end: for callouts */