body{background-color:white;
text-align:center; width:80%;
margin:auto;
}

p{font-size:25px; text-align:left}

h1{background-color:SlateBlue; color:yellow; font-size:70px; font-variant:small-caps; border-left:10px solid yellow;}
@media screen and (max-width:750px) {
 h1{font-size:20px;} 
}

h2{background-color:SlateBlue; color:yellow; font-size:50px; font-style:italic; border-left:10px solid yellow;}
@media screen and (max-width:750px){
 h2{font-size:20px;} 
}

h2 a{color:white;}
span{color:yellow; font-family:"Courier New";}

@media screen and (max-width:750px){
 .first-flex{flex-direction:column;}
 .first-flex>div{width:95%;}
}

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

.first-position{position:relative; width:80%; height:400px; border:1px solid powderblue; box-sizing:border-box; margin:auto; background-color:SlateBlue; color:tomato;}
.first-inside{position:absolute; top:0; right:0; height:200px; background-color:slateblue; color:white; font-family:Helvetica;}
.second-inside{position:absolute; bottom:0; right:0; height:200px; background-color:slateblue; color:white; font-family:Helvetica;}
.place-left{float:left; height:95%;width:65%; box-sizing:border-box;}