@charset "utf-8";
/* CSS Document */

html{
	color-scheme: dark;
    font-family: system-ui ;
}

	 body {
		   position: relative;
	   width: 99%;
	   margin:0 0.5% 1% 0.5%;
line-height: 1.6;
	 }


	     @media all and (min-width : 1800px) {
body { width: 70%;
margin: 0 15%;
}
		 }

	 
	 
	 h1 {
		 font-size: 3.2rem;
	     color: black;
		 line-height: 2.8rem;
	 }
	 
	  h2 {font-size: 1.8rem; 
	  padding: 0;
	  color: white;
border-left: 23px solid gold; 
border-right: 23px solid gold; 
padding: 23px 32px;
border-radius: 23px;
background: #222;
}
	 
	   h3 {
		font-size: 1.4rem;
	    color: black;
	   }
	   
	     @media all and (max-width : 600px) {
			 
			 	 h1 {font-size: 2.3rem;}
				 h2 {font-size: 1.4rem;}
				 h3 {font-size: 1.2rem;}
		 }
	   
	   
	   .sml {font-size: 2.3rem;}
	 
	 #hold {width: 95%;
	 height: auto;
	 margin: 0 2.5%;	
			 }
	 
#first {
	background: goldenrod;
	padding: 3%;
	border-radius: 6px; `
	margin:  2% 0;
	width: 94%;
	border: 1% solid white;
 }
 
 #first img {max-width: 100%;
 height: auto; border: 1px solid white;}
  

 a {color: white; padding: 4px;}
 
 a:hover {color:orangered; text-decoration:none;}
 
 a:active {
	 background: black; 
 color: goldenrod; 
 border-radius: 6px;
 box-shadow: 0px 0px 60px rgba(23, 23, 23, .8)
 }