body
{
    margin: 0px;
}
#me
{
    display: flex;
    justify-content: space-evenly;
    background-color: black;
    color:white;
}
img
{
    width: 300px;
    height: 400px;
    border: 8px solid white;
    border-radius: 10px;
}

.text
{
    margin-top: 5%;
    margin-left: 20px;
}
p{
    font-size: 20px;
}
#naruto
{
display: flex;
background: linear-gradient(black,orange);
color:#ffe89c;
}

#minato
{
    display: flex;
    background: linear-gradient(orange,yellow);
    color: #9b7701;
   
}
#eren
{
    display: flex;
    background: linear-gradient(yellow,lawngreen);
     color:#024913 ;
}
#light
{
    display: flex;
    background: linear-gradient(lawngreen,darkred );
    color: #f8d7da;
}
#l
{
    display: flex;
    background: linear-gradient(darkred,gray);
    color: #e2e8f0;
}
#mikey
{
    display: flex;
    background: linear-gradient(gray,#F5D3B3);
    color:#2d3748;
}
@media (max-width:768px)
{
    section
    {
        flex-direction:column;
        align-items: center;
    }
    img{
        order: -1;
    }
}
body {
    margin: 0px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
h1 {
    font-family: 'Impact', 'Arial Black', sans-serif;
    letter-spacing: 1px;
}