body {
	font-family: 'Poppins', "SF Pro JP", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
  }

  .btnStandard {
	width: auto;
	min-width: 120px;
	height: 40px;
	border-radius: 20px;
	border: 3px solid black;
	background-color: black;
	color: white;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	transition: 0.2s;
  }

  .btnStandard:hover {
	background-color: white;
	color: black;
  }
  
  .tipStyle {
	border: 3px solid black;
	padding: 20px;
	margin: 20px auto;
	max-width: 360px;
	font-size: 15px;
  }
  
  .alertStyle {
	background-color: rgb(255, 231, 74);
	padding: 20px;
	margin: 20px auto;
	max-width: 480px;
	height: auto;
	font-weight: normal;
  }

  .okStyle {
	background-color:  rgb(0, 245, 0);
	color: black;
	font-weight: bold;
	margin: 10px auto;
	width: auto;
	min-width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
  }

  .failStyle {
	background-color:  rgb(255, 231, 74);
	color: black;
	font-weight: bold;
	margin: 10px auto;
	width: auto;
	min-width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
  }

  .areaStyle {
	width: 260px;
	height: 30px;
	user-select: none;
	margin: 10px auto;
	border: none;
	overflow: auto;
	outline: none;
	box-shadow: none;
	resize: none;
	background-color: rgba(0, 0, 0, 0); 
	text-align: center;
  }

  .panel {
	text-align: center; 
	margin: 0 auto; 
	width: calc(100% - 60px); 
	max-width: 650px;
	background-color: rgb(241, 245, 247);
	padding: 20px;
	margin-top: 20px;
	font-weight: normal;
	padding-top: 36px;
  }
  
  .progressNumber {
	font-size: 32px;
	font-weight: bold;
	margin: 20px auto;
  }
  
  .box {
	text-align: center; 
	margin: 0 auto; 
	width: calc(100% - 60px); 
	max-width: 640px;
	background-color: rgb(241, 245, 247);
	padding: 20px;
	margin-top: 20px;
	font-weight: normal;
  }
  
  h1 {
	font-size: 34px;
	font-weight: bold;
  }
  
  h2 {
	font-size: 26px;
  }
  
  p {
	font-size: 15px;
  }
  
  .line {
	width: 100%; 
	height: 2px;
	border-bottom: 1px solid rgb(209, 209, 209);
  }

  .spaceM {
	width: 100%; 
	height: 30px;
  }

  .spaceL {
	width: 100%; 
	height: 80px;
  }
  
  .spaceXL {
	width: 100%; 
	height: 100px;
  }
  
  .r3 {
	border-radius: 3px;
  }
  
  .r6 {
	border-radius: 6px;
  }
  
  .r20 {
	border-radius: 20px;
  }
  
  .r25 {
	border-radius: 25px;
  }
  
  .r30 {
	border-radius: 30px;
  }
  
  .shdwS {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  }
  
  .shdwS:hover {
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
  }
	
	.topImage {
		padding: 36px;
	}

	#upgradeDp[disabled] {
		color: white !important;
		background: #ccc !important;
		cursor: not-allowed;
		border: 3px solid #ccc;
	}

	.red_alert {
		background-color: rgb(255, 231, 74);
		padding: 20px;
		margin: 20px auto;
		max-width: 300px;
		height: auto;
		font-weight: normal;
	}