body {
	display: flex;
	align-items: flex-start;
  }
  
.body-content{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 90px 0px 0px 0px;
height: auto;
width: 100%;
}

.container-100-gedimat{width: 99%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-90-gedimat{width: 89%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-80-gedimat{width: 79%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-70-gedimat{width: 69%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-60-gedimat{width: 59%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-50-gedimat{width: 49%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-40-gedimat{width: 39%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-30-gedimat{width: 29%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-20-gedimat{width: 19%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-10-gedimat{width: 9%;border: 2px solid red; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}

.container-100-gedibois{width: 99%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-90-gedibois{width: 89%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-80-gedibois{width: 79%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-70-gedibois{width: 69%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-60-gedibois{width: 59%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-50-gedibois{width: 49%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-40-gedibois{width: 39%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-30-gedibois{width: 29%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-20-gedibois{width: 19%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}
.container-10-gedibois{width: 9%;border: 2px solid green; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 4px 2px; padding:5px;}

.container-links{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	padding-top: 5px;
	width: 100%;
}

.container-links a{
	font-style: bold;
}

.item-link{
	width: 100px;
	height: 100px;
	margin: 3px;
}

.item-link button{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	cursor: pointer;
}

.item-link button:hover{
	background-color: rgba(0, 0, 0, 0.4);
	text-decoration: underline;
}

@media (max-width: 900px) {

	.container-left, .container-right{
		width:100%;
	}

}