.body {
    background-color:#f2b6da;
    background-image: url(Websiteimages/PinkPicnic.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color:#2f215b;
}

.header {
    
}

.bulk {
    
    display:flex;
    flex-direction: row;
    height: 600px;
    width: 1000px;
    align-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -500px;
    
}


.leftpage {
    height: 100%;
    width: 45%;
    margin-left: 5%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #d2b48c;
    box-shadow: 5px 5px 1px #544838;
    box-shadow: 5px 5px 1px inset #bda27e;
}

.aboutframe {
    height: 100%;
    width: 45%;
    background-color: #d2b48c;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow-y: hidden;
    align-content: center;
    box-shadow: 5px 5px 1px #544838;
    box-shadow: 5px 5px 1px inset #bda27e;
}


.tabholder {
    height: 100%;
    width: 5%;
    
}

.tabs{
    width: 80%;
    height: 20%;
    margin-top: 5%;
    background: white;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 5px 5px 1px #544838;
}

.tabs:hover {
    background-color: lightgrey;
    box-shadow: 10px 10px 1px #544838;
}

.tabs button.active {
  background-color: #ccc;
}

.papers {
    width: 99%;
    height: 99%;
    background: white;
    float: right;
    margin-bottom: 0.5%;
    overflow:hidden;
}




/* About me information */

#mephoto{
    width: 60%;
    height: 70%;
    background: white;
    transform: rotate(-5deg);
    align-content: center;
    box-shadow: 5px 5px 1px #544838;
}

#photo{
    width: 90%;
    height: 90%;
    position:inherit;
    background-image:url(Websiteimages/PicCrewMe1.png);
    margin-left: 5%;
    box-shadow: 1px 1px 1px #544838 inset;
}

#paperclip{
    width: 40%;
    height: 40%;
    background-image:url(Websiteimages/paperclip.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.filetitle{
    text-align: center;
}

.title {
    align-content: center;
    text-align: center;
}


.box{
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
}

.minibox {
    width: 50%;
    flex-direction:row;
    
}

.basicinfo{
    border: 2px solid pink;
    height: 10%;
    flex-direction:row;

}

#mugshot {
    width: 50%;
    height: 100%;
    background-image:url(Websiteimages/ProfilePic.jpg);
}

.space {
    width: 100%;
    height: 10%;
}


#pockets {
    Border: 1px solid darkgrey;

}


.carrdframe {
    height: 5%;
    align-content: center;
    text-align: center;
    
}