body{background-color:white;
text-align:center; width:80%;
margin:auto;
}
h2{font-size:35px;}
p{font-size:25px; text-align:left}

h1{font-size:70px; font-variant:small-caps; background-color:hotpink; color:black; border-left:10px solid blue;}

@media screen and (max-width:750px) {
 h1{font-size:32px;} 
}

h3{background-color:black; color:white; text-align:center; font-variant:small-caps}
h4{background-color:hotpink; color:black; font-size:25px; font-variant:small-caps; width:80%; margin:auto;}

.first-flex{
 display:grid;
 background-color:blue;
 grid-template-columns:auto auto; 
 grid-column-gap:20px;
}

.first-flex>div{
 background-color:hotpink;
 color:black;
 text-align:left;
 font-size:25px;
 
}

@media screen and (max-width:750px){
 .first-flex{grid-template-columns:auto}
 
}

ul li{list-style-position:inside; text-align:left; margin:0}

img{width:100%; height:450px; margin:10px 0 10px 0; display:block; border:2px solid black; position:relative;}