.emoji
{
	text-shadow: 3px 3px 3px black;
	margin-right: 10px;
}
.emoji.big
{
	font-size: 300%;
}

body
{
	text-align: center;
	margin: auto;

}
.branding
{
	border: 3px solid rgba(235, 129, 0);
	box-shadow: 3px 3px 8px rgba(235, 129, 0);
	max-width: 300px;
	border-radius: 20px;
	margin: auto;
	padding: 10px;
	font-size: 150%;
	margin-bottom: 30px;
	margin-top: 10px;
	background-color: rgba(242, 105, 0, 0.3);
}
a
{
	text-decoration: none;
	color: inherit;
	user-select: none;
	cursor: pointer;
}
a:hover {
    color: inherit;
    text-decoration: none; 
}
button.btn
{
	display: block;
	white-space: normal;
	word-break: break-word;
	margin: auto;
	margin-top: 20px;
	
}
span
{
	word-break: break-word;
	white-space: normal;
}
.boxed
{
	text-align: center;
	margin: auto;
	padding: 35px;
	border-radius: 20px;
	box-shadow: 5px 5px 3px grey;
	width: 80%;
	font-size: 130%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: rgba(227, 223, 222, 0.75);
}

.btn
{
	padding: 15px;
	font-size: 130%;
	width: 80%;
	box-shadow: 3px 3px 6px black;
}


.btn.btn-violet
{
	background-color: rgba(149, 0, 255, 0.4);
	
}

hr
{
	width: 80%;
	background-color: orange;
	height: 3px;
	margin-top: 20px;
	margin-bottom: 10px;
}



tr,td
{
	border-collapse: collapse;
	border: 1px solid black;
}

.rounded_table
{
  width: 90%;                 
  margin: 20px auto;           
  border-collapse: separate; 
  border-spacing: 0;    
  border: 1px solid #444;   
  border-radius: 12px;          
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
  
}

.rounded_table td 
{
  padding: 12px ;
  border-bottom: 1px solid #444;
  text-align: start;
}



.rounded_table tr:last-child td
{
  border-bottom: none; 
}