@charset "utf-8";
/* CSS Document*/
 
.social-icons a{
    width:40px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#e6e3e3;
    margin:20px 10px;
    border-radius:50%;
}
 
.social-icons{
    display: flex;
     
}
 
.social-icons i,.social i{
    color:#000000;
}
 
.social-icons a:hover{
    background-color:#000000;
    box-shadow:2px 2px 12px rgba(0,0,0,0.2);
    transition:all ease 0.5s;
}
 
.social-icons a:hover i,
.social a:hover i{
    color:#FFFFFF;
    transition:all ease 0.5s;
}
  
.social{
    position: fixed;
    top:50%;
    right:0px;
    transform:translateY(-50%);
}
 ::-webkit-scrollbar {

  display: none;

}

.selector-for-some-widget {

  box-sizing: content-box;

}

body {

  background-color: whitesmoke;

  padding: 0px;

  margin: 0px;

  width: 100%;

  height: 100%;

}

.jumbotron {

  padding-top: 6rem;

}

#about {

  background-color: #baffc0;

}

#design {

  background-color: #7cec87;

}

.card {

  position: relative;

  overflow: hidden;

}

.img-title {

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(5, 5, 5, 0.7);

  top: 300px;

  transition: all 0.5s ease-in;

}

.img-title p,

h3 {

  line-height: 20px;

  position: relative;

  top: 130px;

  text-shadow: rgba(5, 5, 5, 0.5);

}

.card:hover .img-title {

  top: 0;

  transition: all 0.5s ease-out;

}

.card img {

  transform: scale(1);

  transition: all 0.3s ease-out;

}

.card:hover img {

  transform: scale(1.1);

  transition: all 0.3s ease-in;

}

#testimoni {

  background-color: #baffc0;

}

#contact {

  background-color: whitesmoke;

}

section {

  padding-top: 5rem;

}
.social a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:50px;
    height:50px;
    margin:0px;
    padding: 0px;
    line-height:0px;
    background-color:#FFFFFF;
    border:1px solid #CBCBCB;
    box-shadow:2px 2px 12px rgba(0,0,0,0.2);
}
 
.social a:hover{
    background-color:#000000;
    transition:all ease 0.5s;
}
 
.social i{
    font-size:20px;
    color:#2B2B2B;
}