@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Open+Sans&family=Roboto:wght@100;400&display=swap');


header {
    background-color:#000000;
    color:white;
    text-align:center;
    padding:5px;	
	height: 160px;
	width:100%;
}

html, body {
    overflow-x: hidden;
}

body {height:100%; margin:0; padding:0;}
html {overflow-y:auto;}
body {overflow-y:auto;}

html, body {
    overflow-x: hidden;
}

p {
  width:90%;
margin-left: 5rem;
font-family: "Roboto";
	font-size: 20px;
}

span1 {
  font-family: Dancing Script;
  color: red;
}

img {
  width:100%; 
margin-left: 0rem;
}

.picSize img {
	display:block;
	width:65%; 
	border-radius: 20%;
	
}

.picSize input {
	display:block;
	text-align: center;
	}

.choices
{
	display:inline-block;
	text-align: center;
	}

#introPage{
 width:100%; 
margin-left: 0rem;	
}

#trim {width:50px;height:100px;overflow:hidden}
#trim img {width:50px;}

#questionTitle1{
  font-weight: bold;
  font-size: 35px;
  padding: 15px;
	font-family: "Roboto";
  background-color:#cf0b77;
	color: white;
	width: 100%;
}

#questionTitle{
  font-weight: bold;
  font-size: 1.8rem;
}

button{
   font-weight: bold;
	
}

#twitter{
  font-weight: bold;
}

#pinterest{
  font-weight: bold;
}

#email{
   font-weight: bold;
}

input[type=button] {
  background-color: #ff00ff; /* pink */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	margin-left: 5rem;
	cursor: pointer;
}

input[type=radio] {
    display : none;
	 
}

.radioBLock label {
  display: block;
  margin-left:20%;
	margin-right:10%;
  width: 50%;
  padding:30px;
  text-align:center;
	background-color: #bf0069;
	color:white;
}

.radioBLock label:hover {
background-color: #990099;
}

.button {
  background-color: #4267B2; /* Blue */
  border: none;
  color: white;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 10px;
}

.button2 {background-color: #1DA1F2;} /* Blue */
.button3 {background-color: #BD081C;} /* Red */ 
.button4 {background-color: #0078FF; color: white;} 
.button5 {background-color: #34526f;} /* Black */
.button6 {background-color: #4FCE5D;} /* whatsapp */
.button7 {background-color: #0088CC;} /* Telegram*/
.button8 {background-color: #64AFA1 ;} /* Weiob */
.button9 {background-color: #665CAC;} /* Viber */
.button10 {background-color: #FF053E ; color: white;} /* SMS */
.button11 {background-color: #80D876; color: white;} /* email */

a {
  color: white;
  text-decoration: none;
}

#makeSure {
  border: 2px;
  border-style:solid; 
  border-color:#bf0069;
  padding: 1em;
  width: 100%;
	text-align: center;
}


#hover:hover {
  color:#ffffff;
cursor: pointer;
font-size:22px;
	
}

#GoToResults{
  background-color:#ff00ff;
}

#clickbank {
  background-color:#000000;
	padding: 15px;
	cursor: pointer;
}

#showme input[type=button]{
  background-color:#000000;
	padding: 40px;
	padding-right:100px;
	padding-left:100px;
	cursor: pointer;
	font-size: 40px;
	font-weight: bolder;
	margin-left: 19%;
}



@media screen and (max-width: 767px) {
/* start of medium tablet styles */
	
p {
margin-left: 1rem;
font-family: "Roboto";
font-size: 19px;	
}
	
#makeSure {
  border: 1px;
  border-style:solid; 
  border-color:#cf0b77;
  padding: 0.5em;
  width: 100%;
	text-align: center;
}
	
#questionTitle{
  font-weight: bold;
  font-size: 1.6rem;
}
	
	#showme input[type=button]{
  background-color:#000000;
	padding: 20px;
	cursor: pointer;
	font-size: 30px;
	font-weight: bolder;
		text-align: center;
}

}




@media (max-width: 424px) 
{
p {
margin-left: 1rem;
font-family: "Roboto";
font-size: 18px;	
}
	
#questionTitle{
  font-weight: bold;
  font-size: 1.4rem;
}
	
#questionTitle1{
  font-weight: bold;
  font-size: 21px;
  padding: 15px;
font-family: "Roboto";
  background-color:#cf0b77;
	color: white;
	width: 100%;
	margin-right: 1rem;
}
	
#makeSure {
  border: 1px;
  border-style:solid; 
  border-color:#cf0b77;
  padding: 0.5em;
  width: 100%;
text-align: center;
}
	
#showme input[type=button]{
  background-color:#000000;
	padding: 20px;
	cursor: pointer;
	font-size: 22px;
	font-weight: bolder;
	text-align: center;
}
	
}