/* hero background image */

* {
    background-color: #0E0E0E;
    color: #f7f7f7;
}



container {
   color: #0E0E0E;
}
.sectioncolor{
    background-color: #0E0E0E;
}
.text-center2{
    background-color: rgb(119, 159, 219);
    text-align: center;
}

hr.rounded {
    border-top: 8px solid #393173;
    border-radius: 5px;
  }
  
.bgimage {
    height:100vh;
    background: url('images/banner.png');
    background-size:cover;
    position:relative;
}
#dcp{
    width: 100%;
    background-color: rgba(20,20,20,0.7);
}
.bgimage2 {
    height:120vh;
    background: url('images/sbt.png');
    background-size: 100%;
    position:relative;
}

.bgimage3 {
    height:120vh;
    background: url('images/bebe.png');
    background-size: 100%;
    position:relative;
}
.bgimage4 {
    height:120vh;
    background: url('images/bannertira.png');
    background-size: 100%;
    position:relative;
}
.bgimage5 {
    height:120vh;
    background: url('images/bannergj.png');
    background-size: 100%;
    position:relative;
}
.bgimage6 {
    height:120vh;
    background: url('images/namecbanner.png');
    background-size: 100%;
    position:relative;
}
.bgimage7 {
    height:120vh;
    background: url('images/lgbanner.png');
    background-size: 100%;
    position:relative;
}
.bgimage8 {
    height:120vh;
    background: url('images/selbanner.png');
    background-size: 100%;
    position:relative;
}
/* text css above hero image*/
.hero_title {
    font-size: 4.5rem;
}
.hero_title_black {
    font-family: arial black;
    /*color: rgb(237, 237, 237);*/
    -webkit-text-stroke: 3px rgb(21, 21, 21);
    font-size: 4.5rem;
}
.hero_desc {
    font-size: 2rem;
}
.editTextSize{
    font-size: 15px;
}
.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*color: white;*/
}
/* about section image css */
.imageAboutPage {
    width: 100%;
}
.imageAboutPage2 {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}


.cacaboudin {
  float: left;
  width: 45%;
  margin: 1%;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.biggerText{
    font-size: 30px;
}
/* services section css */
.servicesText.card {
    height: 280px;
  }
.servicesIcon {
    font-size: 36px;
    text-align: center;
    width: 100%;
}
.card-title {
    text-align: center;
}
.card-body2{
    background-color:rgb(255, 239, 201);
    color: #0E0E0E;
    padding: 10px;
}

.card-body2 p{
    background-color:rgb(255, 239, 201);
    color: #0E0E0E;
    padding: 10px;
}

.card-body2 div{
    background-color:rgb(255, 239, 201);
    color: #0E0E0E;
    padding: 10px;
}

.card-body2 h4{
    background-color:rgb(255, 239, 201);
    color: #0E0E0E;
    padding: 10px;
}

/* display background color black on navbar scroll */
.navbarScroll.navbarDark {
    background-color: black;
}
/* social media icons styling */
.social-icons {
    font-size: 36px;
}
.fa-facebook:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-linkedin:hover, .fa-twitch:hover {
    color:rgb(119, 159, 219);
}
.fab {
    color: #000000;
}
/* footer styling */
#footer {
    text-align: center;
}
/* spacing on all sections */
#about, #domains, #portfolio, #contact {
    margin-top: 4rem;
    padding-top: 4rem;
}
#contact {
    padding-bottom: 4rem;
}

.domaines{
    padding: 2rem;
}