@charset "utf-8";
ul li {
    display: inline-block;
}

ul  {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}
#container ul li {
    max-width: 253px;
    vertical-align: top;
    padding-right: 19px;
}



#container {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -565px;
    padding-left: 375px;
    margin-bottom: 69px;

}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-image: url(orange%20triangle.svg);
    background-repeat: no-repeat;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 1em;
    color: #49428E;
    font-weight: normal;
    background-color: #FFF9EB;
    background-size: 454px auto;
}

header h1 {
    color: #49428E;
    margin-left: 0px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 4em;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
}



header {
    width: 328px;
    margin-left: 36px;
    height: 628px;
    margin-top: 28px;
}
header p {
    font-size: 2.1em;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
main h1  {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 3em;
    color: #767B5A;

}
main h2 {
    color: #767B5A;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    padding-top: 24px;
}

#selfie {
    width: 307px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-radius: 222px;
    border: 3px solid #FFF9EB;
}
aside {
    background-color: #FFC95D;
    border-bottom-style: dashed;
    border-top-style: dashed;
    padding-left: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 69px;
}
#asidecontent {
    list-style-type: square;
    text-align: center;



}
#asidecontent ul li {
    padding-right: 50px;
    max-width: 220px;
    text-align: left;
    vertical-align: top;
}

#asidecontent h1 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 1.5em;
}
aside a:link, aside a:visited {
    color: #49428E;
}
aside a:hover, aside a:active {
    color: #DD9400;
}

footer h1 {
    color: #DD9400;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
footer ul li {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 38px;
}
footer {
    margin-right: auto;
    margin-left: auto;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
}


a:hover, a:active {
    color: #767B5A;
}


a:link, a:visited {
    color: #DD9400;
}