.minahaa {
    margin: 0 0 0.75rem 0;
    color:rgb(26, 138, 69);
    font-weight: bold;
  }


main p{
    text-indent: 0rem;
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.5rem;
	
}


.left li{
	padding: 4px 15px 8px 15px;
	list-style-type: none;	
}


.showcase{
	background-image: linear-gradient(to right, #d49253 , rgb(65, 137, 209));
	padding: 5px;	
    width:96%;
	min-height: 200px;
	vertical-align: middle;
	margin: 0 auto;
	padding:0px;
	border-radius: 8px;
}


form.myform {
	margin: 0px auto;
	font-size: 0.875em;	
	padding: 5px;
	width: 90%;
	text-align: center;	
}

select{
	background-color: #2395d6;
	color: #fff;
	border: 1px solid #eee;
	border-radius: 6px;
	box-shadow: 1px 1px 1px #A4D3EE	;
	text-shadow:none;	
	height: 36px;
	padding: 2px;	
	font-weight: bold;
}

select#girlstar{	
	background-color: #A51CC9; 
}

select#boystar{	
	background-color: #1C4DC9; 
}

select#girlpaadam{	
	background-color: #A51CC9; 	
}

select#boypaadam{
	background-color: #1C4DC9; 
}

.girldiv, .boydiv{
	justify-content:left;
	align-items: center;
	font-weight: bold;
	padding:10px;	
}

.btn-group button {
	border: 2px solid rgb(93, 94, 93); /* Green border */
	padding: 10px 12px; /* Some padding */
	cursor: pointer; /* Pointer/hand icon */
	float: left; /* Float the buttons side by side */
	margin-top: 20px;
	border-radius: 6px;
	color: black;
	background-color: #cfd1d3;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	font-weight: bold;
	border:1px solid #52565c;
	text-shadow:0px 1px 0px #979797;
	font-size: 14px;
	letter-spacing: 0.1rem;
  }

.btn-group button:hover {
	  color: white;
}

.btn-group button:nth-child(1) {
	background-color: #0aee61;
	background:linear-gradient(to bottom, #27e670 5%, #16ad50 100%); 
}

.btn-group button:nth-child(2) 
{
	background-color: #cad61c;
	background:linear-gradient(to bottom, #cbd630 5%, #a3ad16 100%); 
}

.btn-group button:nth-child(3) 
{
	background-color: #ee801a;
	background:linear-gradient(to bottom, #e49143 5%, #b15e11 100%);
}

.btn-group button:nth-child(4) 
{
	background-color: #468ccf;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
}

.btn-group button:nth-child(1):hover{
	background-color: #0aee61;
	background:linear-gradient(to bottom, #16ad50 5%, #27e670  100%);
  
}
.btn-group button:nth-child(2):hover {
	background-color: #cad61c;
	background:linear-gradient(to bottom, #a3ad16 5%, #cbd630 100%);
  
}
.btn-group button:nth-child(3):hover {
	background-color: #ee801a;
	background:linear-gradient(to bottom, #b15e11 5%,  #e49143 100%);
}

.btn-group button:nth-child(4):hover {
	background-color: #468ccf;
	background:linear-gradient(to bottom, #468ccf  5%, #63b8ee 100%);
}

  
.btn-group button:active{
	box-shadow:  2px 2px 4px 2px rgba(231, 231, 228, 0.4);
	background-color: #6FC6FF;
	color: white;
	font-weight: bold;

}
 
.info-btn-group{
	background: rgb(228, 227, 227);
	padding: 5px;	
    width:90%;
	min-height: 160px;
	vertical-align: middle;
	margin: 0 auto;
	margin-top: 20px;
	padding: 4px 10px;
	border-radius: 6px;
}

.info-btn-group button {
background-color: rgb(228, 227, 227); /* Green background */
border: 1px solid rgb(134, 136, 134); /* Green border */
color: black ;/* White text */
padding: 8px 4px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
float: left; /* Float the buttons side by side */
margin: 6px 0px;
border-radius: 4px;
font-size: 14px;
font-weight: normal;
background:linear-gradient(to bottom, #d2d3d3 5%, #b8b7b7 100%);
letter-spacing: 0.1rem;

}

.info-btn-group button:hover{
box-shadow: -1px -2px 4px 2px rgba(207, 207, 207, 0.24), 0 17px 50px 0 rgba(248, 249, 250, 0.19);
font-weight: normal;
background:linear-gradient(to bottom, #808181  5%, #d2d3d3 100%);
color:white;
}

.info-btn-group button:active{
box-shadow:  1px 1px 4px rgb(127, 128, 128) inset;
background-color: rgb(248, 246, 246); 
font-weight: normal;
background:linear-gradient(to bottom, #808181  5%, #d2d3d3 100%);
color:white;
}


.skootas {
	margin:0;
	padding:0px;
	height: 36px;
	font-size: 14px;
}

@media  all and (min-width: 768px ) and (orientation:landscape) {
  
.girldiv, .boydiv{
	display:inline-block;	
}
.showcase{	
	min-height: 140px;	
}
	
}

@media print {

body * {
	visibility: hidden;

}

html, body {
	height:100vh; 
	margin: 0 !important; 
	padding: 0 !important;
	overflow: hidden;
	}


#print2, #print2 *{
	visibility: visible;
}

#print2 {
	position: absolute;
	left: 0;
	top: 0;
}

#print2 #info *{
	visibility: hidden;
}

#print2 .line1{
	visibility: visible;
	border: 4px solid #2e83c4;
	width: 94%;
	margin:0 auto;
}

.pagebreak { page-break-after: always; } 

}