h1{
	text-align: center;
	margin-bottom: 0;
}

.row-content{
	padding-top: 0.4rem;
	margin: 0;
}

.op-line, .cl-line, .cover-img{
	padding-left: 0;
	padding-right: 0;
	display: flex;
  	align-items: center;
}

.italics{
  	font-family: "Plus Jakarta Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 200;
  	font-style: normal;
  	font-size: 1em;
}

#subtitle, h3, .btn{
	font-family: "Plus Jakarta Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 200;
  	font-style: normal;
}

h3{
	color: #5E454D;
  	text-align: right;
}

#subtitle{
	text-align: center;
	letter-spacing: 0.3rem;
  	padding-left: 0.9rem;
  	font-size: 0.9rem;
}

#cl-line-sp1, #cl-line-sp2, #cl-line-eng1, #cl-line-eng2, #op-line, .op-line, #op-line-sm{
	opacity: 0;
	margin-bottom: 0;
}

.cover-img{
	display: grid;
}

.op-line-p1, .cl-line{
	color: #4D4DFF;
}

.op-line-p2{
	color: #000080;
}

#op-line{
	text-align: center;
}

.op-line-container, .cl-line-container{
	padding-right: 0;
	padding-left: 0;
}

#synopsis{
	text-align: justify;
	padding: 3rem;
	color: #5E454D;
}

.btn{
	text-align: center;
	display: flex;
  	vertical-align: top;
}

.copy-btn{
	justify-content: center;
	margin-bottom: 1.5rem;
}

.btn:hover{
	background-color: #7E6A71;
	border-color: #7E6A71;
	color: #5E454D;
}

.btn, .btn:active, .btn:focus{
	background-color: #5E454D;
	border-color: #5E454D;
	color:white;
}

.copy-link{
	justify-content: center;
}

@keyframes fadeout{
	0% {opacity: 1}
	100% {opacity: 0}
}

@keyframes fadein{
	0% {opacity: 0}
	100% {opacity: 1}
}

#cover-sky{
	width: 80%;
	position: absolute;
	z-index: 3;
	justify-self: center;
	animation: fadeout 10s;
}

#cover-pink{
	width: 80%;
	position: relative;
	z-index: 2;
	top: 0;
	justify-self: center;
}

.sc-text a{
	text-decoration-color: #5E454D; 
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#op-line{
		display: none;
	}
	#cl-line-sp1{
		padding-top: 2rem;
	}
	#cl-line-eng2{
		margin-bottom: 1rem;
	}
	#cl-line-sp1, #cl-line-sp2, #cl-line-eng1, #cl-line-eng2{
		text-align: center;
		color: #5E454D;
		opacity: 1;
	}
	#op-line-sm{
		opacity: 1;
		margin: 1rem;
		text-align: justify;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	#synopsis{
		padding: 1rem;
		font-size: 1em;
	}

	hr{
		border: none;
  		height: 2px;
  		color: #5E454D;
  		background-color: #5E454D;
  		width: 75%;
	}
	h3{
		text-align: center;
		margin-bottom: 1rem; 
	}
	.btn-amz{
		display: flex;
		justify-content: center;
	}
	.sc-text{
		padding-bottom: 1.5rem;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 991px) {
	#op-line{
		display: none;
	}
	#cl-line-sp1{
		padding-top: 2rem;
	}
	#cl-line-eng2{
		margin-bottom: 1rem;
	}
	#cl-line-sp1, #cl-line-sp2, #cl-line-eng1, #cl-line-eng2{
		text-align: center;
		color: #5E454D;
		opacity: 1;
	}
	#op-line-sm{
		opacity: 1;
		margin: 1rem;
		text-align: justify;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	#synopsis{
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-right: 0;
		padding-left: 0;
		font-size: 1em;
	}

	hr{
		border: none;
  		height: 2px;
  		color: #5E454D;
  		background-color: #5E454D;
  		width: 75%;
	}
	h3{
		text-align: center;
		margin-bottom: 1rem; 
	}
	.btn-amz{
		display: flex;
		justify-content: center;
	}

	#cover-pink, #cover-sky{
		width: 100%;
	}

	#subtitle{
		letter-spacing: 0.35rem;
	  	padding-left: 1.1rem;
	  	font-size: 1.1rem;
	}
	.sc-text{
		padding-bottom: 1.5rem;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#op-line-sm{
		display: none;
	}
		
	#synopsis{
		padding-top: 2rem;
		padding-bottom: 1rem;
		padding-right: 0;
		padding-left: 0;
		font-size: 1.3em;
	}

	hr{
		display: none;
	}
	.italics{
		font-size: 0.9807rem;
	}

	#subtitle{
		letter-spacing: 0.4rem;
	  	padding-left: 1.2rem;
	  	font-size: 1.2rem;
	}
	#cl-line-sp1, #cl-line-sp2, #cl-line-eng1, #cl-line-eng2, #op-line, .op-line, #op-line-sm{
		animation: none;
	}
	span{
		display: none;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.italics{
		font-size: 1.15rem;
	}
	#synopsis{
		padding-top: 2.4rem;
	}
	#subtitle{
		letter-spacing: 0.5rem;
	  	padding-left: 1.3rem;
	  	font-size: 1.3rem;
	}
}