/*Claire Gallagher */
#header-text{ 
width: 871px;
height: 104px;
color: #FFF4F4;
font-family:  Georgia, serif;
font-size: 96px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
h1 {
   font-family: Georgia, serif;
}

p {
    font-family: Georgia, serif;
}

 *{
    margin: 0; 
    padding: 0;
}

/* Welcome to my website */
#header-text2{ 
width: 700px;
height: 300px;
color: #F5D7B8;
font-family: 'Bitterslide Evelwhite', sans-serif;                     
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal; 
}
/* me in the grass image */

    #wrapper {
        margin: 6px auto;
        width: 1080px;
        min-height: 1920 px;
        position: reative;
    }


footer {
    position: absolute;
    margin: 6px;
    bottom: 0x;
    height: 200px;
    width: 100%;
    color: rgb(242, 130, 55);
    background-color: rgb(255, 253, 182);
}

/* =========================
   BASIC PAGE SETUP
   ========================= */

/* Removes default spacing browsers add */

.body { 
      position: absolute;
    bottom: 0x;
    height: 200px;
    width: 100%;
    color:rgb(255, 253, 182)


}

/* =========================
   HEADER STYLING
   ========================= */

header {
    background-color: #F47C4A; /* orange color from your design */
    color: white; /* all text inside becomes white */
    height: 220px; /* controls how tall the header is */
    padding: 40px; /* space inside the header */
    position: relative; /* allows precise positioning of elements */
}

/* =========================
   WELCOME TEXT (top-right)
   ========================= */

.welcome {
    position: absolute; /* lets us place it exactly */
    top: 30px; /* distance from top */
    right: 40px; /* distance from right */
    font-size: 20px;
}

/* =========================
   TITLE (YOUR NAME)
   ========================= */

.title {
    font-family: "Bellefair", cursive; /* script-style font */
    font-size: 72px;
    line-height: 1.1; /* space between lines */
    margin: 0;
}

/* =========================
   NAVIGATION BAR
   ========================= */
nav {
    position: absolute;
    top: 250px; /* sticks menu to bottom */
    left: 40px;
}
/* FIX: make links clickable without changing layout */
ul, li, li a {
    position: relative;
    z-index: 9999;
}

/* Each navigation link */
nav a {
    text-decoration: none; /* removes underline */
    color: white;
    border: 1px solid white; /* creates box around text */
    padding: 8px 16px; /* space inside box */
    margin-right: 15px; /* space between buttons */
    font-size: 40px;
}

/* Hover effect (when user moves mouse over link) */
nav a:hover {
    background-color: white;
    color: #F47C4A; /* switches colors */
}

body {
      background-color:rgb(255, 253, 182);
    color: #F47C4A; 
    font-family: Bellefair;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 6px;
}

/*text*/
#body{ 
color:#FFF4F4;
font-family: 'Script';
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
}