.hero {
    display: flex; align-items: center;


}

.hero-text {
    flex-basis: 50%;
    padding: 15px;
    border-radius: 2px;
    border: 20px, #d40e0e;
    margin: 10px;
    background-color: blue;
    font-family: Arial, sans-serif;
}

.hero-img img{
    flex-basis: 50%;
    display: flex;
    padding: 15px, black;
    border-radius: 2px;
    border: 10px, solid, rgba(15, 50, 225, 0.68);
    margin: 20px;

}

body {
    background-color: black;

}

.batman_1 {
    background-color: blue;
    padding: 15px, black;
    border-radius: 2px;
    border: 10px, solid, rgba(17, 17, 188, 0.68);
    margin: 20px;

}

p {
    padding: 15px, black;
    border-radius: 2px;
    border: 10px, solid, rgba(3, 14, 73, 0.68);
    margin: 20px;
    background-color: blue;
    flex-basis: 50%;

}

.batman_2 {
     background-color: blue;
    padding: 15px, black;
    border-radius: 2px;
    border: 10px, solid, rgba(17, 17, 188, 0.68);
    margin: 20px;
    flex-basis: 50%;

}