body {
	background-color: #EED9B9;
    color: #b414b4c2;
    text-align: center;}


h1 {color: #5E0006;
    font-family: "Oswald", sans-serif;
    font-weight: 100;
    letter-spacing: 10px;
    font-size: 60px;
	text-transform: uppercase;}


h2 {color: #9B0F06;
	font-family: "Oswald", sans-serif;
    font-weight: 600;
    letter-spacing: 10px;
    font-size: 32px;
	text-transform: uppercase;}

p { color: #D53E0F;
	font-family: "Roboto Slab", serif;
    font-weight: 300;
    letter-spacing: 0px;
    font-size: 17px;
	text-align: center;}

a { text-decoration: none;
    color :#D53E0F;
	font-weight : 600;
	font-size: 22px;
	border: 2px solid #D53E0F;
    padding: 10px 20px;
    border-radius: 5px;}

a:hover {color: #5E0006; border-color: #5E0006;}


.container {
    width: 700px;
    margin: 0 auto;
}

@media (max-width: 700px) {
    .container {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;}}

img { width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;}


ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    display: inline;
    padding: 10px;}