body {	 text-align: center;	background-color:black;	color:#f5f5f5;}
  
 #langues { position:absolute; top:10px;	right:20px;	text-align:right;	font-size: small;	}	 
 #langues a {	text-decoration:none; color:grey;	} 
  
 #search {
	font-family: Calibri Light;
  }

  .toggle-content {
    display: none;
  }

select {
	padding:20px;
	border:none;
	background-color: #41400c;
    color: white;
    font-size: 1.2em;
    border-radius: 1em;
}

option {	font-size:1.4em; padding-inline:5px;	}

.invocations-section {
	text-align: center;
    max-width:	1000px;
    color: white;
}

.invocation {
	background-color:#0d1e16;
    padding: 1em;
    margin-bottom: 2em;
    border-radius: 4em;
	font-family: Myriad Pro;
	padding-inline: 60px;
	font-size:1.3em;
}


p.arabe {
    font-size: 2.1em;
}
p.traduction {	text-align:justify;padding-inline: inherit;	}
p.transliteration {	color:grey; font-size: smaller; }



@media only screen and (max-device-width:1024px),(max-width: 1024px) {

	p.arabe {
    font-size:1.8em;
	}
	.invocations-section {
	  width: 80%;
	}
	
	.invocation {
	padding-inline: 20px;
	font-size:1em;
	}
}


@media only screen and (max-device-width:640px),(max-width: 640px) {
  p.arabe {
    font-size: 1.5em;
	}
	
	.invocations-section {
	  width: 95%;
	}
}