HTML/CSS - JC's HTML code Online Editor and JavaScript Compiler

html

<html>
 <!--Head portion of the webpage-->
    <head>
        <title>
            JC's HTML File
        </title>
        
        <link href="https://fonts.googleapis.com/css?family=Bungee+Shade|Indie+Flower|Josefin+Sans|Pacifico|Abel|Baloo+Tammudu|Lobster"rel="stylesheet" type="text/css">    
    </head>
    <!--Body of the webpage-->
    <body>
    <h1>
        JC's HTML File
    </h1>
    <!--Div section-->
<div>
        <p class="first">
    Border color has been created using <strong>color name.</strong>
</p>
<p class="second">
    Border color has been created using <strong>Hex values.</strong> 
</p>
<p class="third">
    Border color has been created using <strong>RGB values.</strong> 
</p>
</div>
<!--List items section-->
<!--Unordered list-->

css

body{
    font-variant: small-caps;
    background-color:  #00897B;
}
p{
    color:  white;
    font-size: 15px;
    padding: 10px;
    border-width: 8px;
    border-radius:20px 0 20px 0;
    text-shadow: 8px 2px 4px  black;
    border-style: dotted dashed double groove ;
    width:100px;
    margin:15px 15px 15px 15px;
    height:140px;
    float:left;
}
p.first {
    border-color:  blue;
    font-family: Baloo Tammudu;
    background-color:  #EF5350;
    clear:right;
}
p.second { 
    border-color:  #FF6600;
    font-family: Indie Flower;
    background-color:  #9C27B0;
} 

BROWSER

Console