@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100;400&family=Open+Sans&display=swap');
 .card {
	width  :400 px;
	background-color: #F5F5F5;
	border-radius: 15px;
	padding: 40px;
	text-align: center;
	color:#1c1515; 
	font-weight: bold;
 }
 /* .box{
	width: 100%;
	height: 100%;
	padding-left: 373px; 
	padding-right: 373px; 
	padding-top: 141px; 
	padding-bottom: 141px; 
	background: #D9D9D9; 
	box-shadow: 4px 8px 8px 5px rgba(0, 0, 0, 0.25); 
	border-radius: 20px;
	margin: 30px auto;
	align-items: center;
 } */
 .card img{
	width: auto;
	max-width: 300px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: auto;
	/* position: relative;
	left: 40%; */
 }
 label{
	display: block;
	width:200px;
	background: #80BA77;
	padding: 10px;
	margin: 10px auto;
	border-radius: 10px;
	box-shadow: 4px 6px 8px #00000040;
	cursor:pointer;
 }
 input{
	display: none;
 }
 #myButton {
	display: none;
	}
.output {
	display:flex;
	align-items: center;
	background-color: #ce606040;
	box-shadow: 4px 6px 8px #00000040;
	border-radius: 10px;
	width: 300px;
	height: 150px;
	margin: 20px auto;
	padding: 10px;
	justify-content: center;
}
.loader {
	display: none;
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #80BA77;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
canvas{
	margin: 10px auto;
}

 
/* .e1_4 { 
	overflow:hidden;
}
.e1_4 { 
	background-color:rgba(254.06500697135925, 255, 252.87500202655792, 1);
	width:1728px;
	height:1117px;
	position:absolute;
}
.e10_89 { 
	width:1505px;
	height:962px;
	position:absolute;
	left:111.5px;
	top:77.5px;
}
.e2_886 { 
	color:rgba(0, 0, 0, 1);
	width:1505px;
	height:82px;
	position:absolute;
	left:0px;
	top:0px;
	font-family:SF Pro Text;
	font-weight: bold;
	text-align:center;
	font-size: 42px;
	letter-spacing:-0.4000000059604645;
}
.e10_88 { 
	width:1231px;
	height:855px;
	position:absolute;
	left:137px;
	top:107px;
}
.e10_86 { 
	background-color:rgba(245.43749392032623, 245.43749392032623, 245.43749392032623, 0.8999999761581421);
	width:1231px;
	height:855px;
	position:absolute;
	left:0px;
	top:0px;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}
.e2_917 { 
	box-shadow:4px 8px 8px rgba(0, 0, 0, 0.25);
	background-color:rgba(217.0000022649765, 217.0000022649765, 217.0000022649765, 1);
	width:1063px;
	height:538px;
	position:absolute;
	left:84px;
	top:100px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.e10_134 { 
	width:317px;
	height:237.8192596435547px;
	position:absolute;
	left:373px;
	top:141px;
	background-image:url(../ui_images/Vector.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.e10_87 { 
	width:955px;
	height:96px;
	position:absolute;
	left:131px;
	top:697px;
}
.e2_903 { 
	box-shadow:4px 6px 8px rgba(0, 0, 0, 0.25);
	background-color:rgba(195.49999594688416, 123.00208255648613, 123.00208255648613, 0.8999999761581421);
	width:342px;
	height:96px;
	position:absolute;
	left:0px;
	top:0px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.ei2_903_2_898 { 
	color:rgba(0, 0, 0, 1);
	width:137px;
	height:48px;
	position:absolute;
	left:102.5px;
	top:24px;
	font-family:SF Pro Text;
	font-weight: bold;
	text-align:center;
	font-size:40px;
	letter-spacing:-0.4000000059604645;
}
.e2_902 { 
	box-shadow:4px 6px 8px rgba(0, 0, 0, 0.25);
	background-color:rgba(127.97147870063782, 185.9375050663948, 118.53515625, 0.8999999761581421);
	width:342px;
	height:96px;
	position:absolute;
	left:613px;
	top:0px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.e2_898 { 
	color:rgba(0, 0, 0, 1);
	width:142px;
	height:48px;
	position:absolute;
	left:100px;
	top:24px;
	font-family:SF Pro Text;
	font-weight: bold;
	text-align:center;
	font-size:40px;
	letter-spacing:-0.4000000059604645;
} */