/* 
        This is a CSS comment. 
    */ 
    body { 
        background-color: black;
        color: white; 
        font-size: 24px;
    }
    .blue { 
        color: blue; 
    }
    .uppercase { 
        text-transform: uppercase;
    }
    #the-title { 
        text-decoration: underline;
    }
    h1 { 
        color: #FFFFFF; 
    }
    h2 { 
        color: rgb(200, 120, 125, 0.8); 
    }
    p strong i { 
        color: red;
        font-size: 50px;
    } 
    a { 
        color: black; 
    }
    a:hover { 
        color: pink; 
    }
    a:active { 
        color: red; 
    }
    a:visited { 
        color: yellow; 
    }
    h1.small { 
        font-size: 12px;
    }
    div { 
        background-image: url("Images/CandL.jpeg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 200px;
    }
    h1#top { 
        text-align: center;
    }
    div.red-border { 
        border-width: 2px;
        border-style: solid;
        border-color: red;
        /* border-radius: 10%; */
        border-bottom-left-radius: 5px;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 50%;
    }
    div.ib { 
        display: inline-block; 
        border: 1px solid red; 
        width: 200px; 
        height: 200px; 
    }
    div.half-width { 
        width: 250px;
        height: 250px;
        border: 1px solid red;
        display: inline-block;
    }
    #box { 
        width: 200px;
        height: 200px;
        border: 2px solid white;
        background-image: url("Images/Me.jpg");
        background-position: center center;
        background-size: cover;
        border-radius: 0 50% 0 50%;
        box-shadow: 6px 6px 15px inset #222222;
    }
    #paddedbox { 
        width: 200px;
        height: 200px;
        border: 1px dashed blue;
        /* padding: 10px; */
        padding: 10px 15px 20px 25px;
        margin: 50px auto 50px auto;
        display: block;
    }
    #mw { 
        display: inline-block;
        border: 1px solid red;
        max-width: 400px;
    }
    #opbox { 
        display: block;
        border: 1px solid red;
        width: 200px;
        height: 200px;
        margin: 50px auto;
        background-color: rgba(0, 0, 0, 0.5);
        color: darkgray; 
        text-align: center;
        padding: 25px; 
        /* opacity: 0.5; */
    }
    img.fi {
        float: right; 
        margin: 10px; 
        border: 1px solid red; 
        box-shadow: 0 0 5px purple; 
    }