@charset "utf-8";
body {
    background-color: #D2D5E8;
    margin-right: 0px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-size: auto auto;
    background-repeat: repeat-y;
}
#container {
    margin-right: auto;
    width: 1000px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(background.jpg);
    background-size: 100% 100%;
}
header  {
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: medium solid rgba(38,35,90,0.72);
    color: #2C2872;
    font-style: georgia;
    font-variant: normal;
    font-weight: normal;
    font-size: large;
    text-align: left;
    text-decoration: none;
    width: 840px;
    font-family: serif;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.36);
}
header h1 {
    margin-bottom: -50px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    margin-left: 22px;
    color: rgba(38,35,90,1.00);
    margin-top: 0px;
    padding-top: 20px;
}

header p {
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
    border-style: none;
}
header img {
    margin-right: auto;
    width: 81px;
    height: 101px;
    padding-right: auto;
    margin-left: 85%;
    padding-left: auto;
    margin-bottom: 25px;
    padding-bottom: 0px;
    display: marker;
    margin-top: -270px;
}



.information {
    display: flex;
    margin-left: 60px;
    margin-right: 60px;
    max-width: 960px;
    width: auto;
}
.projects main {
    margin-right: 20px;
    width: 400px;
    background-color: rgba(210,225,230,0.80);
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    color: rgba(49,45,116,1.00);
    font-size: 1rem;
    border-left-style: solid;
    border-left-width: 5px;
}

.projects main h1 {
    text-align: center;
}

.projects main p {
    font-size: 1rem;
}


.courseProjects h2 {
    margin-left: 5px;
    text-align: center;
    font-family: serif;
    font-style: georgia;
    border-bottom-style: none;
    border-top-style: solid;
    padding-top: 20px;
}


.courseProjects ul {
    margin-left: -40px;
    margin-right: auto;
    list-style-type: none;
}


.courseProjects ul li  {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    list-style-type: none;
    text-decoration: none;
}
.courseProjects ul li p {
    font-size: 1rem;
}

.courseProjects ul li h3 {
    font-size: x-large;
    text-align: center;
    background-color: rgba(197,200,235,1.00);
    border-radius: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.49);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.49);
}

.courseProjects ul a:link   , .courseProjects ul a:visited{
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    list-style-type: none;
    text-decoration: none;
    color: rgba(201,113,2,1.00);
}
.courseProjects ul a:hover   , .courseProjects ul a:active{
    text-align: left;
    list-style-type: none;
    text-decoration: none;
    color: rgba(38,35,90,1.00);
    text-shadow: 0px 3px 10px rgba(0,0,0,0.54);
    bottom: 13px;
    margin-right: 10px;
}

aside {
    margin-right: 0px;
    width: 400px;
    margin-left: 0px;
    background-color: rgba(215,228,233,0.80);
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 30px;
    color: rgba(38,35,90,1.00);
    font-size: 1rem;
    border-left-style: solid;
    border-left-width: 5px;
}
aside h1 {
    text-align: center;
}

aside ul li {
    list-style-type: none;
    margin-left: -35px;
    text-align: left;
    width: auto;
}
ul li h2 {
    text-align: center;
    background-color: rgba(197,200,235,1.00);
    padding-left: 15px;
    padding-right: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.58);
    box-shadow: 0px 4px 6px rgba(0,0,0,0.58);
}
.information aside ul li p {
    font-size: 1rem;
}


aside ul a:link    , aside ul a:visited{
    margin-left: 0px;
    margin-right: 0px;
    list-style-type: none;
    text-decoration: none;
    color: rgba(201,113,2,1.00);
    text-align: left;
}
aside ul a:hover     , aside ul a:active{
    margin-left: 0px;
    margin-right: 10px;
    text-align: left;
    list-style-type: none;
    text-decoration: none;
    color: rgba(38,35,90,1.00);
    text-shadow: 0px 3px 10px rgba(0,0,0,0.54);
    bottom: 13px;
}
aside img  {
    width: auto;
    height: auto;
    max-width: 300px;
    padding-left: 40px;
    max-height: 120px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    text-align: center;
    margin-right: 0px;
    padding-right: 0px;
}

aside p a:link   {
    width: 0px;
    text-decoration: none;
    margin-left: 35px;
    display: inline;
    max-width: 30px;
    color: rgba(104,98,194,1.00);
    font-size: x-small;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
}
footer  {
    border-top: medium solid rgba(38,35,90,1.00);
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 0px;
    margin-top: 20px;
    /* [disabled]border-bottom-color: rgba(38,35,90,0.72); */
    /* [disabled]border-bottom-style: solid; */
    /* [disabled]border-bottom-width: medium; */
    color: #2C2872;
    font-style: georgia;
    font-variant: normal;
    font-weight: normal;
    font-size: large;
    text-align: left;
    text-decoration: none;
    width: 840px;
    font-family: serif;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.36);
}
footer h1 {
    text-align: left;
    font-weight: bold;
    font-size: 1.3rem;
    border-style: none;
    padding-left: 10px;
}
footer ul  {
    display: inline-block;
    max-width: 100%;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: -8px;
}
footer ul li  {
    display: inline-block;
    max-width: 100%;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}
footer ul li a img  {
    list-style-type: none;
    display: marker;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
footer ul li .twitter img {
    width: 40px;
    height: 40px;
    margin-bottom: -5px;
    padding-bottom: 0px;
    margin-left: 0px;
}

footer ul li img {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-left: 5px;
    list-style-type: none;
    display: marker;
    max-width: 100%;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    max-height: 100%;
    margin-top: 0px;
}
footer ul li .mail {
    width: 35px;
    height: 35px;
    margin-bottom: -4px;
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
}

footer ul li a {
    padding-left: 0px;
    margin-left: 8px;
}
footer ul li a:link   , footer ul li a:visited{
    padding-left: 0px;
    margin-left: 8px;
    color: rgba(107,60,1,1.00);
}
footer ul li a:hover    , footer ul li a:active{
    padding-left: 0px;
    margin-left: 8px;
    color: rgba(38,35,90,1.00);
}