body{
    font-family: 'Lora', serif;
    background-color: #262223;
    color: #DDC6B6;
}
   
   h1, h2, h3, h4, h5, h6, .subTitle{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #BFB48F;
}

.appGeneralDescription, li, .myPhrase{
    font-size: 14px;
}

.myName{
    font-size: 35px;
}

.appTitle{
    margin-top: 0;
}

span{
    font-size: 16px;
}

.appName{
    margin-top: 0;
}


.appIcon{
    margin: 0;
    width:300px;
    height:300px;
    border-radius: 40px;
    /* border:4px solid #BFB48F; */
}

/* .thumbnailContainer{
    width: 100%;
} */

.thumbnail{
    width: 80px;
    float: center;
    margin: 0px 10px 20px 0px;
    border-radius: 10px;
}

a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #904E55;
    text-decoration: none;
}

a:focus{
    color: #861657;
}

.project{
    display: flex;
    justify-content: center;
    margin: 40px 20px 20px 20px;
    flex-wrap: wrap;
}

.informationContainer{
    margin-left: 60px;
    width: 300px;
}

.bioContainer{
    text-align: center;
    display: block;
    margin: auto;
    max-width: 400px;
    width: 85%;
}

.projectsTitle{
    text-align: center;
    margin-top: 40px;
}

hr{
    width: 70%;
    border-top: 1px solid ;
    display: block; 
    height: 1px;
    border: 0; border-top: 1px solid #DDC6B6;
    margin: 1em auto; 
    padding: 0;
}

video{
    display: block;
    margin: 20px auto;
    width: 85%;
    max-width: 600px;
}

.videoContainer{
    text-align: center;
    margin-bottom: 40px;
}

video:focus {
    outline: none !important;
}