/* resets */
html, body, ul, li, h1, h2, p {
  margin: 0;
  padding: 0;
}

/* font family & text colour */
body {
    background-color: #eff1f5;
    font-family: 'Quicksand', sans-serif;
    color: #5c5f77;
    -webkit-font-smoothing: antialiased;
}

/* header tags */
h1, h2 {
    font-weight: 700;
}

h1 {
    font-size: 32px;
    margin: 10px 0 0;
    color: #e78284;
}

h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #4c4f69;
}



/* container for center page in div */
.container {
    position: absolute;
    top:50%;
    left:50%;
    width:400px;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* profile pic circle and 2 bird rectangle */

.profile-picture {
    max-width: 40%;
    border-radius: 50%;
}

.questions {
    max-width: 50%;
}


/* in line list for website links */
li {
    display: inline;
    list-style: none;
    padding: 0 4px;
    font-family: 'Pacifico', monospace;
}

/* hyperlink styling */
a, a:visited {
  font-size: 20px;
  text-decoration: none;
}

/* website link colours */

/* Etsy */

a.etsy-orange {
    color: #ef9f76;
}

a.etsy-orange:hover {
    color: #df8e1d;
}

/* GitHub */

a.kitty-green {
    color: #a6d189;
}

a.kitty-green:hover {
    color: #81c8be;
}

/* Threadless */

a.thread-thurple {
    color: #ca9ee6;
}

a.thread-thurple:hover {
    color: #f4b8e4;
}


/* available button */

.available {
    width: 30%;
    margin:10px auto 20px;
    border-radius: 3px;
    padding: 1px 3px 3px 3px;
    color: #fff;
    background-color: #a6d189;
}


/* Footer */
.footer {
    font-size: 12px;
    color: #888;
}