div{
	float: left;
	clear: both;
	border-radius: 30px;
}

#container {
	background-color: mediumpurple;
	height: 3800px;
	margin-bottom: 40 px;
	width: 80%;
	margin-left: 10%;
}

.menuheader {
	clear: none;
	background-color: black;
	width: 8%;
	margin-top: 30px;
	margin-left: 2%;
	height: 185px;



}

#shortcutholder{
	height: 20;
	width: 300;
	margin-left: 95%;
	margin-bottom: -190%;
	margin-top: -30%;
	/*background-color: crimson;*/

	font-family: preconnect;
	text-align: center;
	/*font-size: 20PT;*/
	font-size: 1.39VW;
	position: relative;
	/*right: 100px;*/
	left: -5.2VW;
	top: 50px;
	a:link, a:visited, a:hover, a:focus, a:active {
  		color: white;


}

.shortcuts {
/*  display: flex;
  flex-direction: column;*/
  gap: 25px;
/*how did this work this time!? it didnt work before!?
it wouldnt work without flex but all the sudden it does?!
... now its no longer working again... until this works im adjusting the size*/
}




}

/*if padded reduce width*/
.content{
	clear: none;
	background-color:yellow;
	width: 1000%;
	margin-left: 150%;
	/*height: 300px;*/
	
	font-family: preconnect;
	text-align: center;
	text-align: top;
	color: navy;
	font-size: 2.5VW;
	/*font-size: 30PT;*/

}


/*a*/