/*font-family: 'Roboto', ;
font-family: 'Caveat', ;
font-family: 'Merriweather', serif;*/

body {
  height: 100%;
  margin: 0;
}

.container{
    
    padding-top: 5%;
    padding-bottom: 5%;

}

.navbar-brand{
  font-family: "Playfair Display";
  font-size: 1.35rem;
  padding-top: 23px;
}

.navbar-nav  {
  font-family: "Playfair Display";
  font-size: 1.35rem;
}

.navbar {
  padding: 0 ;
}

h1{
  font-family: "Playfair Display";
  font-size: 2rem;
}

h2 {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 1.5rem;
}

.description{
  font-family:"Roboto";
  font-weight: 300;
  font-size: 0.5rem;

}

.btn {
 margin-top: 5%;
}


.container-fluid{
  padding: 6% 10%;
}

.bottom-container-fluid{
  padding: 4% 14% 4%;
}

.colored-section {
  background-color: #fff;
  color: #000;
  padding: 0 5% 2%;

}

.row {
  padding-top: 5%;
  padding-right: 5%;
}

.other-section {
  background-color: #FBBBBB;

}

/*footer*/

.footerlink {
  color: black;
}

/* work page css */

.workcard {
  margin-bottom: 10%;
  transition: transform .2s;




  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.workcard:hover {
  box-shadow:  5px 10px rgba(255, 255, 126, 1);
  background-color: pink;
  transform: scale(1.05);
  border: none;

}


.card-img-top {

  width : 100% ;
  border: none;
}

.tag-container{
  margin-left: 0;
  display: flex;
  padding-bottom: 20px;
}


.tag {

  border: 1px solid #708090;
  font-family: Roboto;
  font-weight: 300;
  font-size: 12px;
  color: #708090;
  border-radius: 5px;
  padding: 2px;
  margin-left: 0;
  margin-right: 10px;
}

span{
  padding: 5px;
}

.card-text {

  font-family: "Roboto";
  font-weight: 300;

}

/* about css */
.mypic{
  box-shadow:  10px 20px rgba(255, 255, 126, 1), -10px -20px pink;
  transform: rotate(-8deg);
}


.Abtrightrow{
  padding:5% 0 2% 5%;
}

/*case */


/*.carousel-inner {
  height: 300px;
  width: auto;
}

.d-block {
  height: 300px;
}*/
.carousel {
  margin-top: 5%;
}

.Case-title {
  background: #FAEEFA;
  color: black;
  font-family: "Roboto", bold;
  font-weight: 300;
}

.card-body{
  background-color: white;
  color: grey;
}

.card-header{
  background: #FAEEFA;
  color: grey;
}

.sm-card{
  border-color: white;
  box-shadow:  5px 10px rgba(255, 255, 126, 1), -5px -10px pink;
}

.skills-card{
  padding-left: 20%;
  padding-bottom: 10%;
}

.comment1 {
    padding: 0 5% 5% 15%;
}

.casespace {
  padding-bottom: 10%;
}

.backtotop{
  text-align: right;
  padding-bottom: 1%;
  padding-right: 8%;

}

.rent-cha {
  margin-left: 0;
}

.caseinfo {
  margin-left: 3.5% ;
}

.hightlight{
  background-color:#FFD288  ;
}
/*contact*/

.contactright {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}