.secret {

transition: all .5s ease;

}

.secret:hover {

  color: white;

}

.secret:active {

  color: lightgrey;

}

.para {
  padding-left: 20px;

}

.sup {
  position: relative;
  bottom: 1ex;
  font-size: 80%;
}

.jumbotron {

  font-family: Cambo,serif;
  background-color:beige;
  height:100%;
}

.jumbotron .jumbotron{
  height:100%;

  font-family: Cambo,serif;

  background-size: cover;
}

.jumbotron .jumbotron {

  height:100%;

}

.jumbotron .jumbotron .row .ptitle{

  font-size: 40px;
}


.jumbotron .jumbotron .row p{

  font-size: 25px;
}


.jumbotron .jumbotron .row .quote p{
  transition: all .5s ease;
    font-size:25px;
}

.jumbotron .jumbotron .row .quote p:first-child{

  background-color: coral;
  margin:10px;
  padding: 10px;
}

.jumbotron .jumbotron .row .quote p:first-child:hover{

  background-color:beige;
  color:black;
}

.jumbotron .jumbotron .row{
  height:100%;
}


.container {

  font-family: Cambo,serif;

}
.container .row {

  background-color:orangered;
  color:white;

}

.container .row .col-sm-3 {
  padding:10px;
  font-size:25px;
  text-align: center;
  user-select:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  transition: all .5s ease;
  text-decoration: none;
  color:white;

}
.container .row .col-sm-3:hover {

  background-color: coral;

}

.container .row .col-sm-3:active {
  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
  background-color: darkred;

}


.container .row #title {
  font-size: 100px;
  padding:10px;
  padding-left: 40px;
  user-select:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  transition: all .5s ease;


}
#main {

  margin:auto;

}