/*Main styles*/


body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #820024;
    margin: auto;
    padding:0px;
    align-content: center;
}

p {
    padding: 1%;
    color: black;
}

h2 {
    text-align: center;
}
header {
    max-width: 900px;
    clear: both;
    margin:5%;
}

a {
    color:#820024;
}

a:visited {
    color:#a27fff;
}

.main_content{
    display: flex;
    flex-direction: row;
    border-left: 3px double #faffac;
    border-top: 3px double #faffac;
/*    padding: 5px;*/
    margin:5%;
    clear:both;
    max-width: 900px;
}

.about_box {
    width: 50%;
    background-color: #faffac;
    float: left;
    margin:2px;
    position: relative;
}

.name {
    margin: 6px;
    max-height: 100px;
    float:left;
    clear:both;
}
.cover {
    background-color: #a27fff;
    float: left;
    width: 50%;
    margin:2px;
    position: relative;
}
.cover img {
    width: 96%;
    padding: 2%;
}

@media (max-width: 730px){
    .main_content {
        flex-direction: column;
    }
    .about_box {
        width:98%;
        margin:1%;
    }
    .cover {
        width:98%;
        margin:1%;
        order: -1;
    }

}