/*TECAS*/ 

.tela {
background-color: #070D12;
}

.biblioteca {
background-color: #070D12;
}
.para3 {
  position: relative;
  background-color: #EDF3F8;
}
.para4 {
  position: relative;
  background-color: #EDF3F8;
}


/*CONTEUDO*/ 

.a {
  font-family: 'Garamond', monospace;
  font-size: 22px;
  opacity: 0.7;
  font-weight: bold;
  letter-spacing: 0.05cm;
}
  
.a:link {text-decoration: none; color: #EDF3F8}

.a:visited {text-decoration: none; color: #EDF3F8}

.a:hover {text-decoration: none; opacity: 1.5; color: white}
  
.a:active {text-decoration: none; color: #EDF3F8}
  
.box {
  width: 220px;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 290px;
  border: none;
  font-family: monospace;
  font-style: italic;
  font-size: 16px;
  text-align: center;
  color: #EDF3F8;
}

.box#prosa {
  font-size: 20px;
  top: 80px;
  left: 0px;
  width: 1000px;
  height: 2250px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: relative;
  text-align: justify;
}

.box#prosa2 {
  font-size: 20px;
  top: 10px;
  left: 50px;
  width: 250px;
  height: 250px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: relative;
  text-align: justify;
}

.box#a {
  top: 80px;
  left: 300px;
  width: 250px;
  height: 40px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: fixed;
}

.box#b {
  top: 160px;
  left: 300px;
  width: 250px;
  height: 80px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: fixed;
}

.box#c {
  top: 240px;
  left: 300px;
  width: 250px;
  height: 80px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: fixed;
}

.box#d {
  top: 320px;
  left: 300px;
  width: 250px;
  height: 80px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: fixed;
}

.box#e {
  top: 400px;
  left: 300px;
  width: 250px;
  height: 80px;
  border-width: 1cm;
  border-color: #EDF3F8;
  position: fixed;
}