/*
selector {
  property: value; 
  }
*/


/*font type
*/
@import url('https://fonts.googleapis.com/css2?family=Bellefair&display=swap');

body{
    font-family: "Bellefair", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  
  background-image: url("https://tile.loc.gov/storage-services/service/pnp/cph/3c30000/3c39000/3c39100/3c39144r.jpg");
  ");
  
  
  
  
}

/* navigation bar */

.navigation ul li {
    
    display: inline-block;
    padding-right:2rem;
    font-size: clamp(1.2rem, 2vw, 2rem);
    text-align: center;
    margin: 1rem ;
    text-decoration: none;
    background-color: grey ;
    

    
}

ul li{
    color: white;
    width: 25%;
}

a:hover{
    background-color:black ;
    text-decoration: none;
}


a:visited{
    color:white;
}



/* adjusting the pictures */

.bar{
    max-width: 100%;
    border-style: solid;
    border-width: 1rem;
    border-color:white;
    
}

.protesting{
    max-width: 100%;
    border-style: solid;
    border-width: 1rem;
    border-color:white;
}

   
.picture2{
    width:600px;
    max-width:100%;
    float:left;
    border-style: solid;
    border-width: 1rem;
    border-color: white;
}




.prisoncontent{
    width:700px;
    max-width:100%;
    float: left;
    position: absolute;
    width: 50%;
    color: black;
    background: white;
    
    
    margin: 2rem;
    text-align: left;
    max-width: 100%;
    border-style: solid;
    border-width: 1rem;
    border-color:white;
}



.prisoncontent p1{
    font-size: clamp(1rem,3vw, 2rem);
    
    
}

/* aligning the paragraphs to be more centered in and so that it looks fine on all devices */

.content{
    margin: 2rem;
    font-size: clamp(1rem,2vw, 2rem);
    color: black;
    background: white;
}


h1{
    font-size: clamp(1.5rem, 6vw, 4rem);
    color:white;
    
}
h2{
    font-size: clamp(1.2rem, 3vw, 4rem);
    color:white;
    background:black;
    

}    

h3{
    font-size:clamp(1.2rem, 6vw, 3.5rem);
    color:white;
    background:black;
    
    
    
}


.deskcaption{
    float:left;
    color:black;
}


.prison{
    float:right;
    font-size: clamp(0.7rem, 2vw, 1rem)
    color:white;
}


.header{
    background: black;
    
    
    

}


.barcaption{
    color: white;
}



.protest{
    color:white;
}



.prison{
    color:white;
}



.picsource{
    color:black;
    background:white;
}



.sources{
    color:black;
    background:white;
    
}


.infosources{
    color:black;
    background:white;
    

}

.sources2{
    color:black;
    background:white;
}