*{
    background: #F8F9FA;
    color: #000000;
    
    font-family: monospace;
}

header{
    border: 3px solid #000000;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 3px #000000;

    text-align: center;
    font-size: 20px;
}

body{
    display:block;
}

p a{
    color: blue;
}

footer{
    background-color: #f0efef;
    font-size: larger;
    
    padding-top: 10px;
    padding-bottom: 10px;

    position: absolute;
    bottom: 0.1;
    width: 99%;
    height: 60px;
}

p{
    font-size: 20px;
}

.album{
    align-content: center;
}

.pagetitle{
    font-size: 32px;
}

.pagesubtitle{
    font-size: 23px;
    
    
}

.mywork{
    font-size: 25px;
}

.project-card{
    background-color: inherit;
    width: 50%;
    height:auto;

    padding: 0;

    margin: auto;
    margin-bottom: 5%;

    border: 3px solid #232323;
    border-radius: 5px;
    box-shadow: 5px 5px 15px 5px #000000;

    position: relative;
}

.project-card-title{
    font-size: 35px;
    margin: auto ;

    background-color: transparent;
    text-align: center;
}

.project-card-subtitle{
    font-size: 25px;
    margin: auto;

    background-color: transparent;
    text-align: center;
}

.card-img{
    max-height: 95%;
    width: 95%;

    margin: 2%;

    border: 3px solid #000000;
    border-radius: 5px;

    
}

.card-link{
    padding: 0%;
}

.card-link:link{
    opacity: 1;
    transition: opacity .2s ease-in-out;
}

.card-link:hover{
    opacity: .6;
    transition: opacity .2s ease-in-out;
}

.img-row{
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;

    margin-bottom: 5%;
}

.img-column{
    flex: 50%;
    padding: 0 4px;
}

.img-column img{
    margin-top: 8px;
    vertical-align: middle;
    width: 30%;
    height: auto;
}


.centered {
    position:absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.faded
{
    background-color: rgba(0, 0, 0, 0.59);
    border-radius: 5px;
}

.text-light{
    color: #FFFFFF;
}

.text-dark{
    color: #000000;
}

.img-small{
    max-width: 25%;
    height: auto;
}

.img-medium{
    max-width: 40%;
    height: auto;
}

.transparent{
    background-color: transparent;
}

.row{
    /* display: flex;
    flex-wrap: wrap; */

    display:inline-block;

    margin-bottom: 5%
}

.rounded-img{
    border-radius: 5px;
}

.bottom-divider{
    border-bottom: 3px solid #4d4d4d;
    
    margin-bottom: 50px;
}