<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
.text1{
	color: darkred;
	font-size: 18px;
	text-align: right;
}
.text2{
	font-size: 18px;
	text-align: justify;
	
}
.card{
	border: 1px solid orangered;
	padding: 10px;
}
.card2{
	border: 1px solid darkred;
	padding: 10px;
}
.card3{
	border: 1px solid darkgray;
	padding: 10px;
}
* {box-sizing: border-box}
/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: rgba(139,0,0, 0.5);
  width: 35%;
  height: auto;
	color: white;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: white;
  padding: 22px 16px;
  width: 100%;
  border: solid 1px #ccc;
  outline: solid 1px #ccc;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
	color: black;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
	color: black;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 65%;
  border-left: none;
  height: auto;
}

</pre></body></html>