body {
  background: radial-gradient(circle at top, #5f2c82, #1a1a2e);
  margin: 0;
  padding: 0;
  font-family: Jokerman Regular, Verdana, Geneva, Tahoma, sans-serif;
  color: #f1f1f1;
}

main {
  width: 90%;
  margin: auto;
  /*loon ja algväärtustan loenduri jooniste jaoks*/
  counter-reset: figNum;
}

figure {
	counter-increment: figNum 2;
}

section, header {
  margin: 15px;
  padding: 25px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(6px);
}

section {
  border: 2px solid rgba(255, 255, 255, 0.15);
}

h1 {
  text-align: center;
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
  color: #ffd369;
}

h1, h2, h3 {
  font-family: pealkirjadele;
}

h2, h3 {
  color: #a29bfe;
}

p {
  text-indent: 1cm;
  line-height: 1.6;
}

a {
  font-family: verdana;
  color: #74c0fc;
  text-decoration: none;
  transition: 0.3s;
}

a:link {
  font-weight: 700;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

img {
  height: 300px;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.textColumns {
  column-width: 300px;
  column-gap: 30px;
  column-rule: 1px solid rgba(255,255,255,0.2);
}

@font-face {
  font-family: pealkirjadele;
  src: url("HARNGTON.TTF") format("truetype");
}

.verticalText {
  writing-mode: vertical-rl;
  opacity: 0.7;
}

#youngCicero {
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,0.2);
}

img:hover {
  transform: scale(1.5);
}

#cicero figure {
	float: left;
}

/*sisaldumine*/
#cicero h3 {
	clear: both;
}

/*otse sisaldumine, mitte tütarelemendi sees*/
section>img {
	border: 8px solid #9ac;
}

h2+p {
	background-color:white;
  color: black;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p+h2+p {
	font-weight: 600;
}

p+h2+p span {
	font-weight: 900;
	color: red;
}

h3~p {
	color: gray;
}

/* Artribuudi kaudu viitamine */
/* atribuut on olemas */
[title] {
	color: #679;
}

/* atribuudi väärtuse järgi */
/* ^= algab stringiga   $=  lõppeb stringiba  *=  sisaldab  */
[id^="chapter"] {
	border-style: dashed;
}

/* keeleatribuut */
:lang(en) {
	font-style: oblique;
}

/* pseudoklass tühja elemendi jaoks */
td:empty {
	background-color: pink;
}

/* lingi siht */
:target {
	border-color: blue;
}

/* :focus  :enabled  :disabled  :checked    */

/* järjestuse, järjekorraga seotud */

/* kõige esimene tütarelement */
p:first-child {
	background-color: gray;
}
 /* viimane */
p:last-child {
	background-color: lightgray;
}

/* esimene ja/või viimane seda tüüpi tütarelement */
section:first-of-type {
	border-radius: 40px 40px 0 0;
}

section:last-of-type {
	border-radius: 0 0 40px 40px;
}

/*  kindla järjekotrranumbriga    :nth-child(x)   nth-last-child(x)  */
/*  väärtustena saab kasutada ka even  odd   */

/*  ainus seda tüüpi element  */
mark:only-of-type {
	background-color: #CFC;
}

/*  pseudoelemendid   */
h1::first-letter, h2::first-letter, h3::first-letter {
	font-weight: 900;
	color: red;
}

h1::before{/*contenti pole kasutanud varem seega vaadat üle*/
    content: url("../pildid/tlu_bullet.png");
}

section:nth-of-type(2) {
	counter-reset: chapterNum;
}

h2::before {
	content: "Peatükk " counter(chapterNum) ". " open-quote;
}

section:first-of-type h2::before {
	content: open-quote;
}

h2::after {
	content: close-quote;
}

figcaption::before {
	content: "Joonis " counter(figNum) ". ";
}