@import url('https://fonts.googleapis.com/css?family=Grand+Hotel');
@import url('https://fonts.googleapis.com/css?family=Coming+Soon');
@import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,500,700');

body{
	background: #f8f8f8;/*#A5CCB4*/
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #ccc;
}
/* colors */
.color-biucca{
	color: #a5ccb4;
}
/* colors end */
a{
	text-decoration: none;
	outline: none;
}
.intro {
	position: relative;
	height: 100vh;
	display: flex;

	justify-content: center;
	align-items: center;

	overflow: hidden;
}
.intro:before{
    content: "";
    position: absolute;
    width: 60%;
    height: 60%;
    top: 7%;
    left: -33%;
    z-index: -1;
    background: url(https://ih1.redbubble.net/image.1854695903.4309/icr,iphone_12_tough,back,a,x1000-pad,1000x1000,f8f8f8.jpg) 0 0 no-repeat;
    background-size: contain;
    -webkit-transform: rotate(-213deg);
    -moz-transform: rotate(-213deg);
    -ms-transform: rotate(-213deg);
    -o-transform: rotate(-213deg);
    transform: rotate(-213deg);
}
.intro:after{
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    top: 4%;
    right: -53%;
    z-index: -1;
    background: url(https://ih1.redbubble.net/image.1759341206.0885/sn,x1000-pad,1000x1000,f8f8f8.jpg) 0 0 no-repeat;
    background-size: contain;
    -webkit-transform: rotate(-21deg);
    -moz-transform: rotate(-21deg);
    -ms-transform: rotate(-21deg);
    -o-transform: rotate(-21deg);
    transform: rotate(-21deg);
}
.splash{
	width: 50%;
}
.logo{

}
.bkgrd-xmas,
.bkgrd-angel,
.bkgrd-sweet-girl{
	color: #fff;
}
.bkgrd-littleDevil{
	background: #da0e1d;
	color: #fff;
}
.bkgrd-myValentine{
	background: #5281a8;
	color: #fff;
}
.bkgrd-xmas{
	background: #c42220;
	color: #fff;
}
.bkgrd-angel{
	background: #e38dba;
}
.bkgrd-sweet-girl{
	background: #252c36;
}
.credits p{
	font-size: 12px;
}
.credits a{
	color: #a5ccb4 !important;
	transition: all 0.5s ease;
}
.credits a:hover{
	color: #000 !important;
	text-decoration: none;
}
.my-padding{
	padding: 5em 0;
}
@media screen and (max-width: 800px){
	.intro:before{
	    width: 60%;
	    height: 60%;
	    top: -34%;
	    left: -33%;
	    -webkit-transform: rotate(-213deg);
	    -moz-transform: rotate(-213deg);
	    -ms-transform: rotate(-213deg);
	    -o-transform: rotate(-213deg);
	    transform: rotate(-213deg);
	}
	.intro:after{
	    width: 80%;
	    height: 80%;
	    top: 63%;
	    right: -53%;
	    -webkit-transform: rotate(-21deg);
	    -moz-transform: rotate(-21deg);
	    -ms-transform: rotate(-21deg);
	    -o-transform: rotate(-21deg);
	    transform: rotate(-21deg);
	}
	.splash{
		width: 90%;
		margin: auto;
	}
}

/* social media sharing buttons */
.sharing-button__link,
.sharing-button__icon {
  display: inline-block ;
}

.sharing-button__link {
  text-decoration: none;
  /*color: #fff;*/
  margin: 0.5em
}

.sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.sharing-button__icon svg {
  width: 2em;
  height: 2em;
  margin-right: 0.4em;
  vertical-align: top;
}

.sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

/* Non solid icons get a stroke */
.sharing-button__icon {
  stroke: none;
  /*fill: none*/
}

.facebook{
	fill: #3b5998;
}
.facebook:hover{
	fill: #2d4373;
}
.twitter{
	fill: #55acee;
}
.twitter:hover{
	fill: #2795e9;
}
.pinterest{
	fill: #bd081c;
}
.pinterest:hover{
	fill: #8c0615;
}
.whatsapp{
	fill: #25D366;
}
.whatsapp:hover{
	fill: #1da851;
}
.email{
	fill: #777;
}
.email:hover{
	fill: #5e5e5e;
}