body{
	
	background-color:#dedcd8;
}

figure{
width:40%;
margin:5px auto;
}
figure img{
    display: block;          
    width: 100%;              
    height: auto;
    text-align:center;
    border: solid black 10px;
}

.sources a{
    text-decoration: none;
    padding: 5px;
    display: inline-block;
    background-color: black;
     border-radius: 100px;
    color: white;
    border: solid black 2px; 
}
.sources a:hover{
     color: white;
   background-color: #E4011F;
    border: solid black 2px;
}

.nav-title {
    font-family: 'Special Elite', cursive;
    color: white;
    font-size: 28px;
    font-weight: bold;
    margin: 1%;
    flex: 1;
    text-align: center;
}


.navbar{
    background-color: black;
     padding: 1em;
    position: relative;
  top: 0;
      left: 0;
      width: 97%;             
       
}
.navbar a{
    text-decoration: none;
      color: white;
    font-size: 15px;
    font-weight: bold;
      padding: 1em;
      position: relative;         
      top: 0;
      left: 0;
       background: #E4011F;
    padding: 10px 20px;
}
.me{
    margin:0 20%;
    border: solid black 4px;
     font-size: 20px;
}
.text{
    margin:1% 15%;
    border: solid black 4px;
    font-family: Helvetica;
}
.sidebar {
    margin:auto 10%;
     display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;}


.sidebar a {
    text-decoration: none;
    margin: 0 auto;
    background-color:black;
}

.sidebar a:nth-child(1), .sidebar a:nth-child(2) {
    border-radius: 100px;
    color: white;
    border: solid black 2px;
    display: grid;
     grid-template-columns:  1fr;
    padding: 15px 20px; 
    font-size: 25px ;
}






.sidebar a:hover{
    color: white;
   background-color: #E4011F;
    border: solid black 2px;

}



    @media only screen and (min-width: 100px) and (max-width:800px){



.sidebar{
display: grid;
    grid-template-columns: 1fr;
}