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

* {
  margin: 0;
  padding: 0; 
  box-sizing: border-box;
}
 body {
     background-color: 	#FFF8DC;
     color: #FF69B4;
     font-family: "Markazi Text", serif;
     font-weight: 400;
 }

 header {
    padding: 2rem;
    background-color: #8B4513;
    text-align: center;
    font-size: 1.5rem;
 }

 main {
     padding: 2rem;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }
 section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
 }

 h2 {
  color: #8B4513;
  font-size: 2rem;
 }

 p {
  font-size: 1.2rem;
 }

 input[type="radio"] {
    accent-color: #FF69B4;
    
 }

 input[type="text"], input[type="password"], input[type="date"], input[type="email"] {
  width: 100%;
  padding: 0.6rem;
  border: 2px solid #FF69B4;
  outline: none;
  border-radius: 15px;
  background-color: #FFF8DC;
 }

 input::placeholder {
  color: #8B4513;
 }

 img {
  width: 12rem;
  border-radius: 5px;
 }

 table {
  width: 100%;
  border-collapse: collapse;
 }

 th {
 background-color: #8B4513;
 color: #FFF8DC;
 padding: 0.5rem;
 font-size: 1.5rem;
 border-color: #ab5b21;
 }

 td {
  color: #FFF8DC ;
  padding: 0.3rem;
  font-size: 1.2rem;
  text-align: center;
  background-color: #ff7bbd;
  border-color: #ff369b;
 }

 details {
  background-color: #8B4513;
  border-radius: 5px;
  color: #FFF8DC;
  padding: 0.6rem;
  font-size: 1.1rem;
 }

 summary {
  color: #FFF8DC;
  margin: 0.2rem;
  cursor: pointer;
 }

 ol {
  margin-left: 1.5rem ;
 }

 ol li {
  padding: 0.1rem;
 }

 fieldset {
  border: 2px solid #FF69B4;
  color: #8B4513;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1.2rem;
 }

 legend {
  padding: 0 0.5rem;
 }

 textarea {
  background-color: #FFF8DC;
  outline: none;
  border-radius: 5px;
  border: 2px solid #FF69B4;
 }

 button {
  background-color: #FF69B4;
  border: none;
  padding: 0.5rem;
  color: #FFF8DC;
  border-radius: 5px;
  cursor: pointer;
 }

 footer {
  background-color: #8B4513;
  padding: 0.5rem;
  text-align: center;
  color: #FFF8DC;
 }

 a {
  color: #FFF8DC;
  background-color: #FF69B4;
  border-radius: 5px;
  padding: 0.1rem;
 }