/*css allows you to have selectors
selectors allow you to select html elements

primaraly there are 3 selectors you can use*/

/*Type One Of Selectors; Using The Element Name*/

body {
    background: rgba(0, 100, 200, 0.6);
 color: rgb(173, 227, 236);
    font-family: 'Kalam', cursive;
    border: 10px solid whitesmoke;
    margin: 20px auto;
    padding: 6px;
}

div {

 width: 50%;
 padding-left: 6px;
 /*box model: magin, border and padding*/
 margin-top: 10px ;
 margin-left: 2px;
 margin-right: 900px;
 margin-bottom: 40px;
 /*text-transform: lowercase;*/
}

li{
    color: black;
    width: 50%;
}

u{
    color: black;
    width: 50% ;
}

/*Type Two Of Selectors; Using The Elements ID
using '#' followed id name*/



#cSharp{
    color: rgb(17, 212, 212);
}

/*Type Three Of Selectors; Using The Elements Class
Using '.' followed by class name*/

.blackText{
    color:black;
}

.dates{
  text-transform: uppercase; 
  letter-spacing: 0.1rem;
  color: #229abf;
}

.quote{
border-right: 2px solid darkgrey;
padding-top: 1px;
padding-bottom: 1px;
width:70%;

}

/* Flaired edges, by Tomas Theunissen */

hr{
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}

hr:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.blog{
    margin-bottom: 2rem;
}
#no{
    font-family: 'Poppins', sans-serif;
}

p{
    color: black;
}