body{
  background-color: rgba(255, 243, 238, 0.9);;
}
h1{
  font-weight: 800;
  font-size:2rem;
  font-family: 'Montserrat', sans-serif;
}

h3{

  font-size: 1.5rem;
}

p{
  font-family: 'Montserrat', sans-serif;
}


a:hover{
  text-decoration: underline;
  text-decoration-color: #FDBCCF;
  text-decoration-thickness: 5px;
}


/*main page*/
#main{
  background-color: rgba(255, 254, 254, 0.89);
  margin:1%;
}

.brandLogo{
  width:40%;
}

.navBrand{
  font-size: 2rem;
  color:#EFA0B8;
  text-align: left;
  display: inline-block;

}

@media screen and (max-width: 900px){
  .navBrand{
    text-align: center;
    padding-left: 100px;
  }

}

#navbtn{
  background-color:#F4A9A9;
  padding:10%;

}
#navItem{
  color: #F4A9A9;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin:10px;
  font-family: 'Playfair Display', serif;
}


.main{
  padding:0px 50px;
}

.mainp{
  text-align: center;
}
@media screen and (min-width: 1000px){

  .collapse{
    margin-right: 100px;
  }
  .navItem{
    margin-right: 100px;
  }
  .mainItem2{
    width:40rem;
  }
  .mainp{
    text-align: right;
  }
  .mainItem1{
    padding-top: 180px;
  }
}
.mainButton{
  background-color:#A4C8FF;
  color:#FFF;
  margin-top:10px;
}
.mainItem1{
  color:#F09EBB;
  font-family: 'Montserrat', sans-serif;

}
.mainword1{
  font-size: 3.6rem;
  padding-bottom: 10px;
}
.mainword2{
  font-size: 2rem;
  margin-bottom:10px;
  margin-top: 200px;
}

.buttonsize{
  font-weight: 600;
}





/*about*/
.aboutp{
  text-align: center;
  padding-top:20px;
  padding: 7% 12%;
  padding-bottom: 2%;
}
.aboutlogo{
  width:30%;
}


.aboutItem2{
  width:60%;
  border-radius: 30%;
  -webkit-animation: mover 2s infinite  alternate;
  animation: mover 2s infinite  alternate;
  }
  @-webkit-keyframes mover {
      0% { transform: translateY(0); }
      100% { transform: translateY(-20px); }
  }
  @keyframes mover {
      0% { transform: translateY(0); }
      100% { transform: translateY(-20px); }
  }

.aboutWord{
  padding-top: 3rem;
  text-align: left;
}

@media screen and (min-width: 1000px){
  .aboutItem2{
    width:500px;
    border-radius: 30%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
  }
  @-webkit-keyframes mover {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
  @keyframes mover {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
}

/*type cake*/

#typecake{
  padding:2% 10%;
}

.caketotal{
  text-align: center;
  background-color: #FFFCF8;
  border-radius: 10px;
  margin:20px;
  height:390px;
  width:345px;
}

.wordcake{
  margin-top: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;

}

.special{
  width:90%;
}
.customcake{
  width:90%;
}
.other{
  margin-top: 40px;
  width:90%;
}




/*feature*/

#feature{
  padding:2% 12%;
  background-color: #FFFEFE;
}

.featureTitle{
  text-align: center;
  margin-bottom: 4rem;
  margin-top: 3rem;
  color: #3F3939;
}

.items{
  padding:30px;
  text-align:center;
  font-family: 'Montserrat', sans-serif;
  color: #3F3939;
}

.featureh3{
  font-weight: 600;
  color: #3F3939;
}

.featureicon{
  color:#FF6CB3;
  margin-bottom: 2rem;

}



/*contact page*/

#contact{
  text-align: center;
  background-color:rgba(89, 61, 61, 0.73);
  color:white;
  padding-bottom: 20px;
  padding-top: 20px;
}

.links{
  padding-top: 50px;

}

.thiscake{
  text-align: right;
}

.contactitems{
  padding-top:30px;
}

.icontact{
  padding-top:10px;
  text-decoration: none;
  color:white;
  display: inline-block;
  position:relative;
  padding:20px;
}

.icontact:hover{
  color:#F4A9A9;
}


@media screen and (min-width: 1000px){
  .links{
    padding-top: 200px;

  }
}




/*collection*/
.slideitem{
  display:inline-block;
  position:relative;
  background-color: white;
  height:25rem;
  width:20rem;
  border-radius: 10%;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 20px;

}

.carousel-item{
  text-align: center;
}

.slide1image{
  margin-top: 50px;
  width:90%;
}
.specialimage1{
  width:75%;
    margin-top: 10px;
}
.collectionh1{
  text-align: center;
  padding-top: 20px;
}
.buttoncollection{
  color:black;
}



.copyright{
  margin-bottom: 5px;
  font-size:10px;
}