html {
  --s: 220px; /* control the size */
  --c1: #774F38;
  --c2: #F1D4AF;
  
  --_g:radial-gradient(#0000 60%,var(--c1) 61% 63%,#0000 64% 77%,var(--c1) 78% 80%,#0000 81%);
  --_c:,#0000 75%,var(--c2) 0;
  background:
    conic-gradient(at 12% 20% var(--_c)) calc(var(--s)* .44) calc(.9*var(--s)),
    conic-gradient(at 12% 20% var(--_c)) calc(var(--s)*-.06) calc(.4*var(--s)),
    conic-gradient(at 20% 12% var(--_c)) calc(.9*var(--s)) calc(var(--s)* .44),
    conic-gradient(at 20% 12% var(--_c)) calc(.4*var(--s)) calc(var(--s)*-.06),
    var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2) var(--c2);
  background-size: var(--s) var(--s);
}
/* old background-color: #ADC2FF; then transparent */
header { background-color: transparent;
       color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	  font-family: NewTimesRoman, Arial, sans-serif;}


h1 {text-align: Center;
	font-size: 5em;
/* old color: #ff9900; */
	color: #ed3b15;
/* old new color ed3b15 */
	width: 750px;
	text-align: center;
	margin-left: auto;
	margin-right:  auto;
	padding-top: 40px;
	padding-bottom: 20px;
/* Old text-shadow color #2447B2; */
/* Old text-shadow: 3px 3px 3px #873e23; */
	text-shadow: 5px 5px 5px #873e23;
	font-family: NewTimesRoman, Arial, sans-serif;
/* Old Color border: 8px solid #ff9900; */
	border: 10px solid #873e23;
	border-radius:  30px;	
		height: 180px;

	background-image: url("Blue%20Sky%20Clouds%20750.jpg");
	background-position: center;
		background-repeat: no-repeat;
/* OLD background color: #ffeeb2; */
		   background-color: #ffeeb2;}}







nav {
	background-color: #ff9933;
	border-bottom: 8px solid #996633;
	margin-left: 60px;
	margin-right:  60px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	}

nav ul	{list-style-type: none;}

nav li {display:  inline;
	font-weight: bold;
	font-size: 40px;
	padding: 8px;
	background-color: #ffcc80;
	}

nav li a {
	font-weight: bold;
	font-size: 40px;
	padding: 8px;
	background-color: #ffcc80;
	}

<!-- old color  #47a3ff;  -->   color:  
nav a:link { color: #3333cc;}
nav a:visited { color: #9900ff }
nav a:hover { color: #cc0000; }


h2 {text-align: Center;
/* old font size: 3em; */
	font-size: 4em;
/* old text color #1A3380; then #ed3b15*/
	color:  #1A3380;  
/* Old Text Shadow color #2447B2; then #873e23*/
	text-shadow: 3px 3px #15ede2; 
	font-family: NewTimesRoman, Arial, sans-serif;
/* try a Background color ?? */
	background-color: #ffeeb2;
	text-decoration: none;}


h3 {text-align: Center;
	font-size: 1.3em;
	color:  #1A3380;
	font-family: NewTimesRoman, Arial, sans-serif;
	text-decoration:  none;}

main { padding-left: 0px;
        padding-right: 0px;
/* old background color: #ADC2FF; */
		background-color: #ffeeb2;
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 1px;
		padding-bottom: 1px;
	font-size: 1.5em;
	font-family: NewTimesRoman, Arial, sans-serif;
}