CSS-Contiinued

by Troy Johnson

HTML

<main>
<h1>Cascading Styles Sheets Continued</h1>

<p>Some styles can not be applied inline and are limited to a style sheet. Some of these styes will be demonstrated here. The cascading style sheet used with this page may be found here <strong><a href="style2.css" target="_blank">style2.css</a></strong>.</p>

<h3>Cascading Style Sheet &ndash; Additional Styles</h3>
<hr/>
<div class="shadow">
<p>
    <a href="https://aalbc.com/blog/index.php/2017/06/13/troy-johnson-literary-activist-year-2017/">
        <img class="bioimage pic" alt="Troy Johnson 2017 Literary Activist of the Year" src="https://cis3630.org/images/troy-johnson-literary-activist-of-the-year-2017.jpg" /></a><span id="name">Mr. Johnson</span> has served on numerous advisory boards and committees including the Syracuse University Alumni Association Board, Literary Freedom Project, Harlem World Magazine, The Charlotte Book Fair, The Harlem Book Fair, Black American&rsquo;s in Publishing, and New York is Book Country.</p>
<p>He is the recipient of several awards and honors including receiving; the &ldquo;Literary Activist of the Year&rdquo; Award in 2017, during the AAMBC Literary Awards; The Literary Trailblazers Award from the African American Literary Awards Show;&nbsp; a Certificate of Appreciation from the City of Los Angeles for &ldquo;Extraordinary Contributions to the Literacy Legacy of Los Angeles;&rdquo; an &ldquo;Outstanding Alumni Award&rdquo; from Syracuse University; a &ldquo;Citation for Excellence&rdquo; from Grumman Corporation as well as other honors and awards. His website AALBC.com was listed by EarthLink as one of &ldquo;The 100 	Best Web Sites for African Americans.&rdquo; In 2005 he was named one of the 50 Most Powerful African Americans in Publishing by <a href="https://aalbc.com/writers/black.php"><em>Black Issues Book Review</em> magazine</a>.</p>
<p>Mr. Johnson holds a BS in Electrical Engineering from Syracuse University, an MS from Polytechnic University, and an MBA from New...

CSS

hr {border: 1px solid #D4E6F1;}
.bioimage{
    float:right;
    margin-left:10px;
    max-width:50%;}
#name{
    font-weight:bold;
    color:#154360;
    font-size:200%}
div.shadow {
    max-width:70%;
    margin:auto;
    background-color:#D4E6F1;
    border-radius:5px;
    padding:10px;}
div.shadow:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 500px rgba(0,0,0,1);}
.pic:hover{
    opacity: 0.8;}
img {
    border-radius:10px;
}
@media only screen and (max-width: 565px) {
.bioimage{
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    max-width:90%;
    float:none;}  
p {font-size:125%}    
}