styleR.css

html {

}

p  {
     display:flex;
    justify-content: center;
  color: black;
}


.Link{
  olor:  #00cdff;
}


.IU{
  
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  border: 2px solid black;
}



h1, h2, h3, h4 {
  color: black;
}

ul, li {
  color: black;
}
h1{
  display: flex;
  justify-content: center;
}

hr {
    display: flex;
    justify-content: center;
  
}

.Twitter{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

footer{
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


main {
  display: flex;
  flex-direction: row;
  flex: auto;
}

.IUC{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.IUCN {
  display: block;
  margin-left: auto;
  
  width: 50%;
  border: px solid black;

}

.Mini{
  margin-left: auto;
  display: block;
  border: px solid black;  
}


#Index {
    display:flex;
    justify-content: ;
}


body {
  display: flex;
  flex-direction: column;
  flex: auto;
  
}


.Border{
  margin: 2px;
}


#Navigation {
  display: flex;
  column-gap: 250px;
  justify-content: center
}


.Options {
  display: flex;
  width: 125px;
  padding: 5px;
  margin: 1px;
  justify-content: center;
  color: #7c0b0b;
}









article{
  flex: 2;
  overflow-y: auto;

  margin: 0 auto;
  background-color
 
 
  
}

h1, h2, h3, h4 {
  color: #7c0b0b; 
   text-shadow: 1px  1px black
}







.A{
  flex: ;
  overflow-y;
  width: px;
  margin: px;
  background-color:   #ffffff  ;
  border: px solid black;  
  background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z" fill="%239C92AC" fill-opacity="0.4" fill-rule="evenodd"/%3E%3C/svg%3E');
}


aside {
  flex: 0.5;
  overflow-y: auto;
  width: 6000px;
  margin: 0 auto;
  background-color: #b40a0a;
  padding: 20px 20px 20px;


}