body{
    		display: grid;
    		align-items: center;
		background-color: #FFFFFF;
		color: #000;
		font-size: 20px;
}
.headr{
	font-size: 45px;
	color: #000;
	margin: 15px;
}
    	.codeblock{
    		display: flex;
    		height: auto;
    		padding: 4px;
		color: #000;
    		font-size: 14px;
    		width: 600px;
    		background-color: #E6E6E6;
    		border: 1px solid black;
		box-shadow: 3px 3px 3px #000;
    	}
	.sidebar{
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		width: 350px;
		height: 100%;
		background-color: #E6E6E6;
		box-shadow: 0 7px 7px #000;
		border: 1px solid black;
	}
	.sidecont{
		margin-bottom: auto;
		font-size: 22px;
		color: #000;
		background-color: #DEDEDE;
		margin-top: 10px;
		border: 1px solid #969696;
		width: 145px;
		height: auto;
		padding: 5px;
		margin-right: auto;
		cursor: pointer;
	}
	.logocont{
		width: 200px;
		height: 200px;
		margin-top: auto;
	}
	a{
		color: #00AABD;
	}
	.maingrid{
		margin-left: 450px;
		padding: 20px;
	}