header {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    gap:20px;
    padding-top:20px;
}
header a {
    text-decoration:none;
    color:black;
    font-size:25px;
}
header a:hover {
    color:green;
    text-decoration:underline;
    transition:0.3s;
}
body {
    background: rgb(65, 65, 172);
}
.display {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100vh;
    width:15%;
}
.character-items {
    display:flex;
    flex-direction:row;
    gap:10px;
    background-color:rgb(33, 33, 131);
}
.main {
    display:flex;
    align-items:center;
    justify-content:space-around;
}
.display-character {
    background-color:rgb(33, 33, 131);
    padding-left:30px;
    padding-right:1px;
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.list-items {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:10px;
    width:10%;
    flex-wrap:wrap;
}
.item {
    background-color:rgb(41, 89, 194);
}