/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

 /* Bookmarker Project */
 body {
   font-family: 'PT Sans Caption', sans-serif;
   background-color: #F7ECDE;
   color: #352e28;
}

::-moz-selection{
   background-color: #FEC260;
   color: #352e28;
}

::selection{
   background-color: #FEC260;
   color: #352e28;
}

.main-head h1 {
   font-size: 50px;
   font-family: 'Pacifico', cursive;
   color: #352e28;
   position: relative;
}

.main-head h1::after {
   content: '';
   position: absolute;
   width: 24%;
   height: 25%;
   left: 38%;
   bottom: 10px;
   background-color: #fec260;
   z-index: -1;
   -webkit-transition: height 0.5s;
   -o-transition: height 0.5s;
   transition: height 0.5s;
}

.main-head h1:hover::after {
   height: 50%;
}

hr {
   opacity: 1;
   border: dotted 1px #352e28;
}

.form-group h2 {
   font-size: 25px;
   font-family: 'Righteous', sans-serif;
   color: #3ca55c;
   -webkit-transition: color 0.4s;
   -o-transition: color 0.4s;
   transition: color 0.4s;
}

.form-group h2:hover {
  color: #b5ac49;
}

.form-group .icon2 {
   color: #b5ac49;
   -webkit-transition: color 0.4s;
   -o-transition: color 0.4s;
   transition: color 0.4s;
}

.form-group h2:hover .icon2 {
  color: #3ca55c;
}

.btn-visit {
  background-color: #9EB23B;
  color: white;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-visit:hover {
  background-color: #8A9E23;
  color: white;
}

.form-control:focus {
  border-color: #FEC260;
  -webkit-box-shadow: 0 0 8px 2px rgba(199, 172, 24, 0.5);
          box-shadow: 0 0 8px 2px rgba(199, 172, 24, 0.5)
}

.table {
  vertical-align: middle;
}