html, body{
  font-family: 'Dancing Script', cursive;
  /*font-family: 'Great Vibes', cursive;
  font-family: 'Bellefair', serif;
  font-family: 'Pinyon Script', cursive;
  font-family: 'Josefin Sans', sans-serif;*/
  margin: 0;
  overflow-x: hidden;
}
@media (min-width:961px)  { 
.block{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.train-block{
  position: relative;
  display: block;
  width: 100%;
}
.block .header{
  position: relative;
  display: block;
  text-align: center;
  margin: 40px auto;
  background: rgb(255,255,255, 0.8);
  padding-bottom: 20px;
  font-size: 14px;
  width: 85%;
}
.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none;
  height: 100%;
  min-height: 548px;

}
.slide-1{
  border-radius: 70px 0;
  padding-top: 22px;
}
.slide-1 .content{
  margin-top: -140px;
  color: rgb(74, 88, 54);
  font-size: 22px;
  font-family: 'Josefin Sans', sans-serif;
}
.slide-1 .content .names{
  color: #ca07d4;
  font-size: 24px;
}
.slide-1 .desk-top{
  display: block;
}
.slide-1 .mobile{
  display: none;
}
@font-face {
  font-family: 'entypo';
}
/*.entypo-heart{
  animation: beat .25s infinite alternate;
  transform-origin: center;
}
@keyframes beat{
  to { transform: scale(1.4); }
}*/
.entypo-heart:before {
  content: "\2665";
}
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
  color: #ca07d4;
}

.caricature-div{
  float: left;
  width: 315px;
  text-align: center;
}
.caricature-div img{
  width: auto;
  height: 315px;
  border-radius: 20px;
  margin-left: -300px;
  margin-top: 100px;
}
.invitation-content{
  font-size: 32px;
  color: rgb(140, 104, 134);
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}
.invitation-content .name{
  text-align: right;
}
.caricature-block{
  margin: 20px;
  clear: both;
  display: table;
}
.caricature-block .content-div{
  float: right;
  width: calc(100% - 335px);
  height: 500px;
  border-radius: 30px;
  background: ghostwhite;
}

.caricature {
  display: block;
  transition: all 0.9s ease-out;
}

.flower{
    height: 25%;
    width: 221px;
    margin: 16px auto;
    display: block;
}
.flower-bottom{
      width: 200px;
    margin: 0 auto;
    display: block;
    clear: both;
}
.train-block .container{
  background-color: #f1646a;
  color: white;
  font-size: 18px;
  line-height: 1.7;
  height: auto;
  padding: 40px;
  font-family: 'Bellefair', serif;
}

.train-block .container p{
  margin: 0;
}

.train-block .container .title{
  margin: 0;
}
.train-block .container .wedding{
  margin: 30px 30px;
  width: calc(50% - 120px);
  text-align: center;
  float: right;
  padding: 30px;
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
}
.train-block .container .reception1{
  width: calc(50% - 120px);
  float: left;
  margin: 30px 30px;
  text-align: center;
  padding: 30px;
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
}
.train-block .container .reception2{
  width: 50%;
  margin: 30px auto;
  text-align: center;
  padding: 30px;
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
  clear: both;
}

/*.train-block .trainMotion img{
  transition: all 0.9s ease-out 0s;
}
*/
}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .block{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.train-block{
  position: relative;
  display: block;
  width: 100%;
}
.block .header{
  position: relative;
  display: block;
  text-align: center;
  margin: 40px auto;
  background: rgb(255,255,255, 0.8);
  padding-bottom: 20px;
  font-size: 14px;
  width: 90%;
}
.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none;
  height: 100%;
  min-height: 357px;

}
.img-parallax img{
  height: 100% !important;
}
.slide-1{
  border-radius: 70px 0;
  padding-top: 22px;
}
.slide-1 .content{
  margin-top: 0;
  color: rgb(74, 88, 54);
  font-size: 20px;
  font-family: 'Josefin Sans', sans-serif;
}

.slide-1 .content h1{
  color: rgb(74, 88, 54);
  font-size: 18px;
  font-family: 'Josefin Sans', sans-serif;
  margin: 0 24px;
}
.slide-1 .content .names{
  color: #ca07d4;
  font-size: 24px;
}
.slide-1 .desk-top{
  display: none;
}
.slide-1 .mobile{
  display: block;
  width: 100%;
  margin-top: -25px;
}
@font-face {
  font-family: 'entypo';
}
/*.entypo-heart{
  animation: beat .25s infinite alternate;
  transform-origin: center;
}
@keyframes beat{
  to { transform: scale(1.4); }
}*/
.entypo-heart:before {
  content: "\2665";
}
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
  color: #ca07d4;
}

.caricature-div{
  width: 100%;
  text-align: center;
}
.caricature-div img{
  width: 100%;
  height: 315px;
  border-radius: 20px;
  transition: transform .2s;
  -ms-transform: scale(0.5); /* IE 9 */
  -webkit-transform: scale(0.5); /* Safari 3-8 */
  transform: scale(0.5); 
}
.invitation-content{
  font-size: 32px;
  color: rgb(140, 104, 134);
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}
.invitation-content .name{
  text-align: right;
}
.caricature-block{
  margin: 20px;
}
.caricature-block .content-div{
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: ghostwhite;
  padding: 10px 0;
  margin: 20px 0;
}

.caricature {
  display: block;
  transition: all 0.9s ease-out;
}

.flower{
    height: 25%;
    width: 221px;
    margin: 16px auto;
    display: block;
}
.flower-bottom{
      width: 200px;
    margin: 0 auto;
    display: block;
    clear: both;
}
.train-block .container{
  background-color: #f1646a;
  color: white;
  font-size: 18px;
  line-height: 1.7;
  min-height: 500px;
  padding: 40px 20px;
  font-family: 'Bellefair', serif;
}

.train-block .container p{
  margin: 0;
}

.train-block .container .title{
  margin: 0;
}
.train-block .container .wedding{
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
  margin: 10px auto;
  width: calc(100% - 20px);
  text-align: center;
  padding: 10px;
}
.train-block .container .reception1{
  width: calc(100% - 20px);
  margin: 10px 0px;
  text-align: center;
  padding: 10px;
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
}
.train-block .container .reception2{
  width: calc(100% - 20px);
  margin: 10px 0px;
  text-align: center;
  padding: 10px;
  background: rgba(236, 236, 236, 0.2);
  border-radius: 20px;
}

}


body .particletext {
  text-align: center;
  font-size: 48px;
  position: relative;
}
body .particletext.hearts > .particle {
  opacity: 0;
  position: absolute;
  background-color: #cc2a5d;
  -webkit-animation: hearts 3s ease-in infinite;
          animation: hearts 3s ease-in infinite;
}
body .particletext.hearts > .particle:before, body .particletext.hearts > .particle:after {
  position: absolute;
  content: '';
  border-radius: 100px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #cc2a5d;
}
body .particletext.hearts > .particle:before {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body .particletext.hearts > .particle:after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}


@-webkit-keyframes hearts {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0%) rotate(45deg);
            transform: translate(0, 0%) rotate(45deg);
  }
  20% {
    opacity: 0.8;
    -webkit-transform: translate(0, -20%) rotate(45deg);
            transform: translate(0, -20%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%) rotate(45deg);
            transform: translate(0, -1000%) rotate(45deg);
  }
}
@keyframes hearts {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0%) rotate(45deg);
            transform: translate(0, 0%) rotate(45deg);
  }
  20% {
    opacity: 0.8;
    -webkit-transform: translate(0, -20%) rotate(45deg);
            transform: translate(0, -20%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%) rotate(45deg);
            transform: translate(0, -1000%) rotate(45deg);
  }
}

@keyframes bang {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.caricature-block .content-div .invitation-content .name{
  position: relative;
  width: auto;
  float: right;
}






.fireworks i:nth-of-type(1) {
  transform: translate3d(-82px, 60px, 0) rotate(2deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(2) {
  transform: translate3d(15px, -90px, 0) rotate(331deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(3) {
  transform: translate3d(47px, -47px, 0) rotate(219deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(4) {
  transform: translate3d(85px, -79px, 0) rotate(223deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(5) {
  transform: translate3d(-87px, -89px, 0) rotate(19deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(6) {
  transform: translate3d(81px, -46px, 0) rotate(151deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(7) {
  transform: translate3d(55px, 5px, 0) rotate(266deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(8) {
  transform: translate3d(-6px, 52px, 0) rotate(224deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(9) {
  transform: translate3d(-33px, -86px, 0) rotate(154deg);
  background: gray;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(10) {
  transform: translate3d(29px, -2px, 0) rotate(159deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(11) {
  transform: translate3d(-97px, 97px, 0) rotate(241deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(12) {
  transform: translate3d(-35px, 22px, 0) rotate(335deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(13) {
  transform: translate3d(46px, 7px, 0) rotate(119deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(14) {
  transform: translate3d(45px, -91px, 0) rotate(222deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(15) {
  transform: translate3d(-76px, 75px, 0) rotate(255deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(16) {
  transform: translate3d(-86px, -97px, 0) rotate(29deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(17) {
  transform: translate3d(56px, 37px, 0) rotate(193deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(18) {
  transform: translate3d(21px, -22px, 0) rotate(280deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(19) {
  transform: translate3d(-56px, -60px, 0) rotate(98deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(20) {
  transform: translate3d(-16px, -9px, 0) rotate(313deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(21) {
  transform: translate3d(-46px, -65px, 0) rotate(257deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(22) {
  transform: translate3d(76px, -5px, 0) rotate(340deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(23) {
  transform: translate3d(10px, -57px, 0) rotate(38deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(24) {
  transform: translate3d(62px, 48px, 0) rotate(97deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(25) {
  transform: translate3d(73px, 30px, 0) rotate(346deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(26) {
  transform: translate3d(-73px, 93px, 0) rotate(54deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(27) {
  transform: translate3d(36px, 84px, 0) rotate(93deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(28) {
  transform: translate3d(62px, 2px, 0) rotate(146deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(29) {
  transform: translate3d(79px, -82px, 0) rotate(64deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(30) {
  transform: translate3d(85px, -82px, 0) rotate(109deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(31) {
  transform: translate3d(73px, 99px, 0) rotate(58deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(32) {
  transform: translate3d(44px, -71px, 0) rotate(155deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(33) {
  transform: translate3d(16px, -40px, 0) rotate(26deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(34) {
  transform: translate3d(13px, 13px, 0) rotate(97deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(35) {
  transform: translate3d(-65px, 53px, 0) rotate(157deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(36) {
  transform: translate3d(-19px, -96px, 0) rotate(239deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(37) {
  transform: translate3d(51px, 29px, 0) rotate(170deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(38) {
  transform: translate3d(-37px, -93px, 0) rotate(240deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(39) {
  transform: translate3d(42px, 46px, 0) rotate(12deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(40) {
  transform: translate3d(23px, -74px, 0) rotate(342deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(41) {
  transform: translate3d(44px, 60px, 0) rotate(103deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(42) {
  transform: translate3d(-83px, 19px, 0) rotate(137deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(43) {
  transform: translate3d(-79px, 10px, 0) rotate(282deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(44) {
  transform: translate3d(55px, 2px, 0) rotate(167deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(45) {
  transform: translate3d(-1px, -56px, 0) rotate(201deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(46) {
  transform: translate3d(60px, -81px, 0) rotate(212deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(47) {
  transform: translate3d(-9px, -56px, 0) rotate(86deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(48) {
  transform: translate3d(-86px, 84px, 0) rotate(56deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(49) {
  transform: translate3d(-30px, -24px, 0) rotate(96deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(50) {
  transform: translate3d(16px, -29px, 0) rotate(71deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(51) {
  transform: translate3d(81px, -71px, 0) rotate(146deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(52) {
  transform: translate3d(64px, -91px, 0) rotate(144deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(53) {
  transform: translate3d(-86px, 71px, 0) rotate(265deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(54) {
  transform: translate3d(-93px, 20px, 0) rotate(65deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(55) {
  transform: translate3d(-27px, 46px, 0) rotate(186deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(56) {
  transform: translate3d(-49px, -77px, 0) rotate(207deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(57) {
  transform: translate3d(-64px, 52px, 0) rotate(309deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(58) {
  transform: translate3d(75px, 64px, 0) rotate(316deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(59) {
  transform: translate3d(78px, -78px, 0) rotate(226deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(60) {
  transform: translate3d(-33px, 22px, 0) rotate(170deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(61) {
  transform: translate3d(53px, -5px, 0) rotate(225deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(62) {
  transform: translate3d(84px, 84px, 0) rotate(216deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(63) {
  transform: translate3d(-95px, 94px, 0) rotate(17deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(64) {
  transform: translate3d(72px, 88px, 0) rotate(244deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(65) {
  transform: translate3d(-48px, 56px, 0) rotate(235deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(66) {
  transform: translate3d(-5px, -78px, 0) rotate(10deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(67) {
  transform: translate3d(5px, -85px, 0) rotate(356deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(68) {
  transform: translate3d(16px, 28px, 0) rotate(288deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(69) {
  transform: translate3d(-9px, -49px, 0) rotate(232deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(70) {
  transform: translate3d(-16px, 25px, 0) rotate(348deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(71) {
  transform: translate3d(-69px, 11px, 0) rotate(334deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(72) {
  transform: translate3d(-5px, -94px, 0) rotate(59deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(73) {
  transform: translate3d(-18px, -92px, 0) rotate(339deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(74) {
  transform: translate3d(-30px, -80px, 0) rotate(319deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(75) {
  transform: translate3d(28px, 78px, 0) rotate(209deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(76) {
  transform: translate3d(-89px, -86px, 0) rotate(49deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(77) {
  transform: translate3d(-51px, -15px, 0) rotate(173deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(78) {
  transform: translate3d(-69px, -86px, 0) rotate(170deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(79) {
  transform: translate3d(-88px, 73px, 0) rotate(293deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(80) {
  transform: translate3d(-9px, 97px, 0) rotate(18deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(81) {
  transform: translate3d(71px, 79px, 0) rotate(100deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(82) {
  transform: translate3d(64px, -67px, 0) rotate(107deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(83) {
  transform: translate3d(35px, 4px, 0) rotate(69deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(84) {
  transform: translate3d(46px, 36px, 0) rotate(196deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(85) {
  transform: translate3d(13px, -75px, 0) rotate(268deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(86) {
  transform: translate3d(-4px, -22px, 0) rotate(7deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(87) {
  transform: translate3d(-44px, -52px, 0) rotate(351deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(88) {
  transform: translate3d(73px, 99px, 0) rotate(289deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(89) {
  transform: translate3d(89px, -46px, 0) rotate(207deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(90) {
  transform: translate3d(10px, -87px, 0) rotate(42deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(91) {
  transform: translate3d(-25px, -78px, 0) rotate(134deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(92) {
  transform: translate3d(6px, -16px, 0) rotate(92deg);
  background: pink;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(93) {
  transform: translate3d(-33px, 16px, 0) rotate(170deg);
  background: blue;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(94) {
  transform: translate3d(-23px, -14px, 0) rotate(267deg);
  background: purple;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(95) {
  transform: translate3d(68px, 88px, 0) rotate(349deg);
  background: brown;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(96) {
  transform: translate3d(-55px, -89px, 0) rotate(60deg);
  background: grey;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(97) {
  transform: translate3d(3px, -77px, 0) rotate(126deg);
  background: yellow;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(98) {
  transform: translate3d(52px, -80px, 0) rotate(209deg);
  background: red;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}
.fireworks i:nth-of-type(99) {
  transform: translate3d(37px, 6px, 0) rotate(335deg);
  background: green;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 5px;
  height: 5px;
}
.fireworks i:nth-of-type(100) {
  transform: translate3d(38px, -77px, 0) rotate(348deg);
  background: orange;
  animation: bang 3000ms ease-out forwards;
  opacity: 0;
  width: 8px;
  height: 5px;
}

.caricature-block .content-div .invitation-content .name i {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  opacity: 0;
}