body {
		margin: 0;
		padding-top: 20px;
		font-family: sans-serif;
	}
	.roundborder {
		border-radius: 4px;
		border: 1px dotted black;
		word-wrap: break-word;
		overflow-wrap: break-word;
		width: auto;
		white-space: normal;
	}
	.sq {
		width: 1200px;
		height: 600px;
		background: #fff;
		background: #000;
		border: 2px solid black;
		border-radius: 13px;
	}

.branchstyle{
	display:block;
	width:200px;
	height:50px;
	color:black;
	background:yellow;
	border:1px solid black;
	margin:10px;
	border-radius:5px;
	text-decoration: none;
	fo nt-size: 50px;
	outli ne: 2px solid blue;
	
}



.po2d.large { transform:scale(2); }
.pod.large { font-size: 70px;}
.p2od.huge  { transform:scale(2);    }
.pcod.huge  {font-size: 100px;   }

.container {

  display: flex;
  backgro und-color: DodgerBlue;
  flex-wrap: wrap;
}

.pod {
  padding: 20px;
  font-size: 100px;
}

.box {
	border-radius: 5px;
	 border: 2px solid rgb(96 139 168);
  background-color: #f1f1f1;
  margin: 3px;
  padding: 20px;
  font-size: 100px;
  wid th: 200px;
  text-decoration: none;
}
.box a {
  text-decoration: none;
}
.menu1{
	position: fixed;
	top: 0;
	left: 0;
	height: 40px; 
	width: 100%;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padd ing: 10px 0;
	display: flex;
	justify-content: center;
	gap: 30px;
	z-index: 9999;
}

.menu2 {
    position: fixed;
    top:  40px;         
    left: 0;
    height: 40px;
    width: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    gap: 20px;
    pad ding-left: 20px;
    pad ding-right: 20px;
    z-index: 9998;
     back drop-filter: blur(4px);
}

.menu1 a, .menu2 a {
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
}

.menu1 a:hover, .menu2 a:hover {
    background: #444;
}

.content {
    margin-top: 50px; /* prevents content  hiding under menu */
    padding: 10px;
}