.nopadding{
    margin: 0px;
    padding: 0px;
}
html,body{
    height: 100%;
}
.container{
   
    width: 100%;
    
    
}
header,footer{
    padding: 5px 8px;
    width: 100%;
    background: #feb300;
    color: black;
}
footer{
    
    bottom: 0;
}
header span {
    float: left;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    font-size: 30px;
}
img {
    float: left;
    margin-left: 0px;
    vertical-align: middle;
    border-style: none;
    height: 7%;
}
.text-align{
    text-align: center;
    
}
footer p{
    padding-top: 10px;
    font-size: 15px;
}
.main{
    min-height:100%;
    background-color:rgb(255, 241, 213);
}
select{
    margin-top: 20px;
    height: 30px;
    border-radius: 5px;
    
    
}
label{
    margin-left: 10px;
    margin-top: 20px;
    font-size: 20px;
}
#search{
    
    margin-right: 10px;
    margin-top: 20px;
}
.card{
    height:40rem; 
    border:2px solid;
    margin:5px;
    border-radius: 5px;

}
h4{
  font-weight: bold;
  text-align: center;
    
}
.summery{
    padding:5px
}
.story{
    height: auto;
    widows: 80%;
    padding: 10px;
    font-size: medium;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}