@import url('https://fonts.cdnfonts.com/css/carbontype');
@import url('https://fonts.cdnfonts.com/css/qalisha-signature-script');

body {
  
  background-color: #fffce8;
  background-image: url("https://www.transparenttextures.com/patterns/cardboard.png");
  font-family: 'CarbonType', sans-serif;
  line-height: 1.6;
  padding: 100px;
  margin-left: 100px;
  margin-right: 100px;
  text-shadow: 10px 10px 30px rgba(212, 192, 61, 0.7)
  
}

h1, h2, p, a, li {
  white-space: normal;
  display: inline;
}

h1, h2 {
  color: #000000;
  text-shadow: 1px 1px 2px #000;
  font-family: 'CarbonType', sans-serif;
  text-align: center;
}


a {
  color: #3a343a; 
  text-decoration: none;
  border-bottom: 1px dashed #3a343a; 
  transition: all 0.3s ease;
  margin-left: 20px;
  margin-right: 20px;
}

a:hover {
  color: #3a343a; 
  border-bottom: 2px dashed #3a343a;
}


ul {
  list-style-type: none; 
  padding: 0;
}

li {
  font-size: 1.2em; 
  color: rgb(0, 0, 0); 
  margin: 8px 0;
  padding: 4px 8px;
  transition: background-color 0.3s ease;
}

li::marker {
   content: "*";
}

li:hover {
  background-color: rgba(187, 186, 186, 0.7); 
}


h2 {
  font-family: 'CarbonType', sans-serif;
  font-size: 1.5em;
  border-bottom: 2px solid #000000;
  padding-bottom: 5px;
}

p {
  font-family: 'CarbonType', sans-serif;
}

#container::before {

content: "13/06/25";
font-family: 'Qalisha Signature Script', sans-serif;
font-size: 25px;
font-weight: bold;
position: relative;
float: right;
color: rgb(7, 7, 177);
transform: rotate(3deg);

}

#jar-link-list::before {

content: "Ass. Rodrigo M. Gottselig";
font-family: 'Qalisha Signature Script', sans-serif;
font-size: 30px;
font-weight: bold;
position: relative;
float: right;
color: rgb(7, 7, 177);
transform: rotate(3deg);

}

#jar-supporting::before {
  
content: "Lembresse, nem tudo sao flores com css...";
font-family: 'Qalisha Signature Script', sans-serif;
font-size: 30px;
font-weight: bold;
position: relative;
float: right;
color: rgb(7, 7, 177);

}

#jar-requirements::before {
  
content: "Seja criativo, deixe sua marca na historia do jardim.";
font-family: 'Qalisha Signature Script', sans-serif;
font-size: 30px;
font-weight: bold;
position: relative;
float: center;
color: rgb(7, 7, 177);
transform: rotate(1deg);

}

#jar-resources::after {
  
content: "Nota: Sim, css pode ser trabalhoso, mas também é uma ferramenta muito divertida.";
font-family: 'Qalisha Signature Script', sans-serif;
font-size: 30px;
font-weight: bold;
position: relative;
float: center;
color: rgb(7, 7, 177);

}