body {margin: 0;
background: #146c8f;
background: linear-gradient(180deg,rgba(20, 108, 143, 1) 0%, rgba(101, 185, 230, 1) 50%, rgba(217, 234, 252, 1) 100%);
}


		#main_nav {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			background: #fff;
			width: 100%;
			
			border-radius: 0 0 5px 5px;
			box-shadow: 0 0 8px 2px #000;
		}

		.with_nav #main_nav {
			display: block;
		}

		.access_aid {
			display: none;
		}

		#access_nav {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 40px;
			height: 0;
			padding-top: 40px;
			overflow: hidden;
			border: 1px solid #ccc;
			background: white 10px 10px / 20px 20px no-repeat;

			background-image: -webkit-repeating-linear-gradient(#ccc, #ccc 2px, #fff 2px, #fff 4px);
			background-image: repeating-linear-gradient(#ccc, #ccc 2px, #fff 2px, #fff 4px);
			z-index: 1;
		}

		.with_nav #access_nav {
			background-image: linear-gradient(45deg, transparent 13px, #ccc 13px, #ccc 15px, transparent 0), linear-gradient(-45deg, white 13px, #ccc 13px, #ccc 15px, white 0);
		}
.content
{text-align: center;}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 5px;
}
.div1 {
  border: 3px solid black;
     background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);
}
.div2 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div3 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div4 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div5 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div6 {   border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div7 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div8 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div9 {   border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div10 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div11 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}
.div12 {  border: 3px solid black;
 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(217, 234, 252, 1) 100%);}