/*
selector {
  property: value; 
  }
*/


@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ:wght@100..400&display=swap');

.everything{
    position: relative;
}

.everything::before{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height:100%;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/0/01/Brown_Berets.png");
    Background-size: cover;
    opacity:0.5;
    z-index: -1;
}

.navbar Ul, li {
    display: inline-block ;
    color: #446D88;
    margin: 10px; 
    border-radius: 10%;
    padding: 5px;
    list-style-type:none;  
}

.navbar{
    text-align: center;    
}

h2{
    background-color: white;
    color:  #446D88;
    border:solid white 50px;
    margin: 0px;
    padding:0px
    width: 100%;
}

h2{
    text-align: center;
}

a:link {
    text-decoration: none;
    color: #446D88;
}
   
a:visited{
    color: #446D88;
}

h4{
    color: #446D88;
    border:0px;
    margin:0px;
    padding:0p;
    width:0px;
}  

h1{
    color:#294151;
    text-align: center;
    background-color: white;
}

.hpheader3{
    color: #294151;
    text-align: center;
}

.hpintro{
    Color: #446D88;
    text-align: center;
   
    background-color: white;
    margin: 3px;
    padding: 5px;
}

.hpquestion{
     color:#294151;
    text-align: center;
    background-color: white;
    margin:20px;
}

/* information page */

.everything-info {
    position: relative;
}

.everything-info::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Youth_from_the_Florencia_barrio_of_South_Central_Los_Angeles_arrive_at_Belvedere_Park_for_La_Marcha_Por_La_Justicia%2C_on_January_31%2C_1971.jpg/800px-Youth_from_the_Florencia_barrio_of_South_Central_Los_Angeles_arrive_at_Belvedere_Park_for_La_Marcha_Por_La_Justicia%2C_on_January_31%2C_1971.jpg?20201121200208");
    background-size: cover;
    opacity:0.5;
    z-index: -1;
}

.navbar-info Ul, li {
    display: inline-block ;
    color: #446D88;
    margin: 10px; 
    border-radius: 10%;
    padding: 0px;
    list-style-type:none;  
}

.navbar-info{
    text-align: center;
}

h3{
    color: #294151;
    text-align: center;
    background-color: clear;
    width: 100%;
    border: solid;
    border-color: white; 
}

.infop1{
    color: #446D88;
    text-align: left;
    width:100%;
    background-color: white;
    margin: 3px;
    padding: 5px;
}

.img5{
    float:  left;
    clear: both/right/left;
    height: 1%;
    padding: 1%;
}

.infop2{
    color: #446D88;
    text-align: left;
    width:100%;
    background-color: white;
    margin: 3px;
    padding: 5px;
}

.img5credits{
    color:#294151;
    text-align: left;
    background-color: white;
}

.infop3{
     color: #446D88;
    text-align:center;
    width:100%;
    background-color: white;
    margin: 3px;
    padding: 5px;
}

.img4{
    float:  right;
    clear: both/right/left;
    border: solid, white, 5%;   
}

.creditsimg4{
    color:#294151;
    text-align: right;
    background-color: white;
}

.infop4{
    color: #446D88;
    text-align:center;
    width:100%;
    background-color: white;
    margin: 3px;
    padding: 5px;
}

/* sources */

.navbar-sources Ul, li {
    display: inline-block ;
    color: #446D88;
    margin: 10px; 
    border-radius: 10%;
    padding: 5px;
    list-style-type:none;  
}

.navbar-sources{
    text-align: center;
}

.everything-sources{
    position: relative;
}

.everything-sources::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Founding_co-editor_of_La_Raza_Ruth_Robinson_%28right%29_with_Margarita_Sanchez_at_the_Belmont_High_School_walkout%2C_part_of_a_series_of_1968_student_protests_for_education_reform_in_LA.jpg/640px-thumbnail.jpg");
    background-size: cover;
    opacity:0.3;
    z-index: -1;
}

.Bib{
    color: #446D88;
    text-align: center;
    width:100%;
    background-color: white;
    margin: 3px;
    padding: 5px;
    word-wrap: break-word;
}

/*fonts*/

.headerquote{
   font-family: "Playwrite NZ", cursive;
  font-weight: 400;
  font-style: normal;
}

p{
    font-family: arial;
    
}