/*
Purpose: Basic style sheet for Week 2 Homework
Author: Rachel Lincoln
Class: ITWP 1050 V0851 2023WI
This is Week 2 Homework with using parents/siblings;hyperlinks using 
pseudo-classes; styling images; font stack; webfonts;etc
*/

/*adding @font-face to downloaded Web Font--I tried the 5 differnt ways and could not validate*/
      
@font-face {
    font-family: "Kingthings";
    src:local("Kingthings") 
        url(.../webfont/Kingthings_Foundation.ttf);
    font-size: 0.8750em;
}
       


/* adding body styled with text-stack*/
body {
font-family:Georgia, 'Times New Roman', Times, serif;
background-color:rgb(198, 210, 207);
font-size: 0.8750em;
}

/* styling h1 - adding web font*/
h1{
    font-family: Kingthings;
    src:local ("Kingthings")
        url(.../webfonts/Kingthings_foundation.ttf);
    font-size: 48px;
    text-align: center;
    color:rgb(20, 20, 79);
    font-weight: 900;
    font-variant: small-caps;
}
/* styling h2 */
h2{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align:center;
    color:rgb(20, 20, 79);
    font-size: 30px;
    font-weight: 600;
    font-variant: small-caps;
}
/*styling h3*/
h3{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:rgb(56, 56, 53);
    font: size 100%;
    font-weight: 300;
    font-variant: small-caps;
}

/*adding universal selector for desc.- this was confusing for me*/
.para  p {
    font-weight: bold;
}

/* adding univeral selecyor for siblins */
.sibpara > p{
    color:rgb(50, 49, 49)
}
    
/* styling 4 hhyperlinks*/
/* unvisted link*/
a:link {
    color:rgb(255, 0, 179)
}

/* visited link*/
a:visted {
    color:rgb(244, 9, 9)
}

/*Mouse hover link*/
a:hover {
    color:rgb(238, 255, 0)
}

/* selected link*/
a:active {
    color:rgb(0, 255, 0)
}

/* centering picture*/
figure{
    text-align: center;
}

/* changing the 1st letter of the 1st paragraph */
.firstletter{
    font-size:  35px;
    line-height: 70px;
}