/*Center stuff */

.centered {
    position:relative;

    left:50%;
    height:100%;
    transform:translateX(-50%);
    white-space: normal;

    overflow-wrap: break-word;
    padding-bottom: 50px;

}


/* Updates text setup */

p {
font-family: SeuratProB;
color:white;
text-shadow: 2px 2px black;
padding-left: 40px;
font-size:18px;
margin-top:3px
}

u {
font-family: SeuratProB;
padding-left: 26px;
font-size:26px;
color: #fb85ff;
text-shadow: 2px 2px black;
}

summary {
font-family: SeuratProB;
text-shadow: 2px 2px black;
font-size:26px;
color:white;
padding-left: 20px;
}





/* font import */
@font-face {
  
    font-family: 'SeuratProB';
    src: url('../../font/FOTSeurat%20Pro%20B.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SeuratProEB';
    src: url('../../font/FOTSeurat%20Pro%20EB.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}





/*top bar button setup */

.shrbutton {
	
	/* set border to be image. */
 border-image-slice: 10 12 10 12 fill;
border-image-width: 10px 12px 10px 12px;
border-image-outset: 8px 8px 8px 8px;
border-image-repeat: stretch stretch; 
	border-image-source: url("../images/additionalelements_button.png");
	border-style: solid;
	
	/* height and width values. set alignment to center. set infront of buttons. set margin*/
	width: 162.5px;
	height: 55px;
	position: center;
	text-align: center;
	margin:7px;
	margin-top:10px;
	margin-bottom:10px;
	
	/* style undefined text with correct font/color. set text to align to left. set line height.*/
	font-family: SeuratProB;
	color: #85fff9;
	text-shadow: 2px 2px black;
	font-size:28px;
	line-height: 39pt;
	
	
	float: inline-start;

}


.shrbutton:hover {
	filter: brightness(1.75);
	transition: 0.05s ease-in-out;

}

/* center topbar */
.topbarcenter {
position:absolute;
  left: 50%;
  margin: -100px 0 0 -100px;
}



/* link color for top bar */

.shrbutton a:link { color: #4EFF33; }

.shrbutton a:visited { color: #4EFF33; }

.shrbutton p:visited { color: #4EFF33; }