@charset "utf-8";

body {
    background: linear-gradient(#4f043b, #0f000e);
    color: #ffd3f3;
    font-family: 'Roboto Condensed', sans-serif;
    display: flex;
    justify-content: center;
    min-height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 1em;
	padding-top: 25px;
	padding-bottom: 25px;
}

.container {
	width: 760px;
	
	border-width: 30px;
    border-style: solid;
    border-image: linear-gradient(#f8adf4, #78165d) 1;
	border-radius: 256px;
	
    padding-top: 82px;
    padding-right: 82px;
    padding-bottom: 82px;
    padding-left: 82px;
}
#courseProjects {
	padding-bottom: 10px;
	padding-top: 10px;
}

header h1 {
    font-size: 4em;
    text-align: center;
    margin-top: -41px;
    margin-bottom: -4px;
}
header p {
    text-align: center;	
	font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
    color: #BE9BE0;
    font-family: 'Rasa', serif;
}

h2 a, h1 a, h3 a {
	font-family: 'Roboto Condensed', sans-serif;
}

main h1 {
    font-size: 2em;
    padding-top: 24px;	
}

main h2 {
	font-size: 2em;
}

img {
    width: 210px;
    display: block;
    border: 6px solid rgba(44,2,46,1.00);
    border-radius: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
}


a:link, a:visited {
    color: #BD68AF;
    font-style: italic;
    font-weight: lighter;
    text-decoration: none;
}

a:hover, a:active {
    color: #d08b26;
    font-style: italic;
    font-weight: lighter;
    text-decoration: none;
}


ul, li {
    list-style-type: none;
    text-align: left;
	padding-left: 10px
}

aside {
    background-color: rgba(46,26,66,0.58);
    padding-top: 5px;
    padding-right: 43px;
    padding-bottom: 14px;
    padding-left: 43px;
    width: 600px;
	justify-content: center;
    border-radius: 43px;
    margin-top: 31px;
    margin-right: 31px;
    margin-bottom: 31px;
    margin-left: 31px;
    border: 4px solid rgba(135,14,104,0.15);
}

aside h1 {
    font-size: 1.8em;
    text-align: center;
}

aside a:link, aside a:visited {
    padding-left: 0px;
    color: rgba(205,117,217,1.00);
}

aside a:hover, aside a:active{
    padding-left: 0px;
    color: rgba(208,139,38,1.00);
}

footer {
	padding-top: 20px
}
footer h1 {
	font-size: 2em;
}