@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    max-width: 700px;
    margin: auto;
    background-color: #121212;
    /* margin: 1rem;
    padding: 1rem; */
    text-align: center;
    color: white;
}

.div-search{
    max-width: 600px;
    margin : auto;
    /* background-color: yellow; */
    height: 150px;    
}
.div-search__input{
    /* width: 400px; */
    margin: 1rem;
    padding: 1rem;
    border-radius: 5px;
    font-family: 'Montserrat';
}
.div-search__button{
    margin: 1rem;
    padding: 1rem;
    border-radius: 5px;
    /* border : none; */
    font-family:'Montserrat', sans-serif;
    font-size: 10px;

}
#character-list{
    max-width: 400px;
    /* background-color: yellow; */
    /* height: 200px; */
    margin: auto;
    padding: 2rem;
    /* text-align: left; */

}

.character-list__single{
    margin: 1rem;
    padding: 1rem;
    /* text-align: left; */
}
.character-list__single img{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    float: left;
}
.character-list__single div{
  /* display: inline; */
  
}
#random-character-list{
    margin: 2rem;
}
#random-character-list img{
    border-radius: 6px;
    width: 200px;
    height: 200px;
    margin : 1rem;
}
footer{
    padding: 2rem 1rem;
    text-align: center;
    color: white;
    

}