@import url('https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&display=swap');

h1,
p {
	color: blue;
}

.titre {
	text-decoration: underline;
}

#pad > p {
	border: 1px solid black;
	background-color: lightblue; 
	color: red;
	padding: 20px;
	font-style: oblique;
	width: fit-content;
}

#grad1 {
	height: 300px;
	background: linear-gradient(red, yellow);
	padding: 25px;
}

#grad1 > h3 {
	color: green;
	text-align: center;
	font-family: arial;
}

#grad1 > p {
  color: green;
  font: 22px "Charmonman";
}

table, th, td {
	text-align:center;
	border: 1px solid black;
	border-collapse: collapse;
}

th {
	background-color: #cff;
}

#test {
	width: 50%;
	padding: 20px;
	background-color: yellow;
}

#test > h1,
#test > p {
	color: red;
}

#test > #def {
	color: green;
}

#test > a:hover {
	font-weight: bold;
	text-decoration: underline;
}

form > div {
  margin-bottom: 1rem;
}

.radio-groupe {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.radio-ligne {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

form input[type="text"] {  
  background-color: lightgoldenrodyellow; 
}

form input[type="password"] {  
  background-color: lightgray;
  color: red;
}

textarea {  
  background-color: lightblue; 
}