body 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    font-family: 'Times New Roman', Times, serif;
	vertical-align: baseline;
    color: rgb(209, 209, 209);
}

body{   
background-color: rgba(15,15,15);
}

/* GLOBAL */
#flex-wrapper{
    display:flex;
    width: 100vw;
    height: 100dvh;
    flex-direction: row;
}

.side{
    width: 30%;
    padding: 3%;
    overflow:hidden;
}

/* RIGHT DIV STYLES */

#right-div{

}

#cross{
    margin-left:60%;
}

/* CENTRE DIV STYLES */

#centre-div{
    padding: 3%;
width:40%;
overflow-y:scroll;
}

#centre-div::-webkit-scrollbar {
  display: none; /* Hide scrollbar */
}

#placeholder-text{
    font-size: 2em;
    text-align: justify;
}

#name-title{
    /* color: rgba(255,255,255,0.8); */
    font-weight:300;
    color: black;
}

#bio{
    font-size: 2em;
}

.work{
    font-size: 2em;
}

.work a{
    color: white;
}


#go-home{
    position:fixed;
    bottom:0;
    font-size:1.5em;
}

/* LEFT DIV STYLES */

#left-div{
}




/* MOBILE MOBILE MOBILE  */
@media only screen and (max-width: 600px) {
    #left-div{
        display:none;
    }
    #centre-div{
        width:100vw;
    }
    #flex-wrapper{
        flex-direction:column;
    }}