#detail_box{
    
    /*Positioning*/
    position:fixed;
    width: 450px;
    height:450px;
    
    top: 0px;
    right:20px;
    z-index:2000;
    visibility:hidden;

    

    margin: 0px;
    padding: 20px;

    

    border-width:6px;
    border-color:black;
    border-style:solid;

    border-top-style: solid;
    border-top-width: 6px;
    border-color: rgb(0, 0, 0);
    border-image-outset: 80px;

    background-color: black;

    font-family: Arial;
    font-size: 1.8em;
    color: white;
    
    cursor: pointer;
    
    text-align: left;
    
}



line.connecting{
    stroke:rgb(0, 0, 0);
    stroke-width:6px; 
    /*stroke-dasharray:12;*/
    
}

#plusCanvas{
    z-index:99999; 
    padding:0px; 
    margin:0px; 
    border:0px solid #db1e1e;  
    position: absolute;
}

area{cursor:pointer;}
canvas{cursor:pointer;}

@font-face {
  font-family: Marlfield;
  src: url(/FONTS/Marlfield-BoldCondensed.woff)
}


body{
    margin:0px;
    padding:0px;
}

h1{
    font-family: Marlfield;
    font-size:22em;    
}


h2{
    font-family: Marlfield;
    font-size:14em;  
    font-kerning: 2em;
}

.sidebar{
    padding:0px;
    margin:0px;
    
    transform-origin: bottom left ;
    transform: rotate(90deg);
    
    
        
}

.content_img_portrait{
		grid-area:content_img;
		width:70vw;
		max-width:100vw;
		user-select: none;
	}




	.content_wrapper{
		max-width: 100%;
		padding:0px;
		text-align:center;
	}


	.content_grid_one-column{
		display:grid;
		grid-template-columns: 1fr ;
		grid-gap: 0px;
		padding: 0px;
		align-items:center;
		text-align:center;
		overflow: hidden;
		width:75%;
		padding-top:10vh;
	}
.project_wrapper{
	
	padding-top: 0px;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:0px;
}