:root {
	--theme-primary: #000055;   /* Color For Background) default: #b0ecff */
	--theme-secondary: #550000; /* Color For Boxes #ffffff*/
	--theme-text: #ffffff;      /* general text color defalt: #003366*/
	--link-text: #003366;	  /* color of hyper links, both clicked and unclicked, default: #003366*/
	--theme-bg: #000000; /* frosted glass panels */
    }
body {
	background-image: url("backgrounds/rain.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;

	!background-color:var(--theme-primary);
	font-family: Minecraft;
	transition: background 0.4s ease, color 0.4s ease;

}
header{color:var(--theme-text)}
a {color:var(--theme-text)}


.box1 {
	!background-color: var(--theme-secondary);
	background-image: url("backgrounds/night.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	color: var(--theme-text);
	
	/*For the Borer*/
	border: 25px solid transparent;
	border-image-source: url("images/blueborder.gif");
	border-image-slice: 30;
	border-image-width: 10px;
	border-image-repeat: stretch;
	/*https://www.gifstop.com/borders/borders01.html*/
}

.box2 {
	!background-color: var(--theme-secondary);
	background-image: url("backgrounds/background3.gif");
	color: var(--theme-text);
	line-height: 1.80;


	/*For the Border*/
	border: 5px solid transparent;
	border-image-source: url("backgrounds/background.gif");
	border-image-slice: 22;
	!border-image-width: 15px;
	border-image-repeat: stretch;
}

.buttoncolor1 {
    background-color: #46c8c0 ;
    color: white;
    border-color: #00aaff;
	font-family: Daydream;
}

.buttoncolor2 {
    background-color: #ff8888;
    color: white;
    border-color: #ff0000;
	font-family: Daydream
}

h1 {color:white}
h2 {font-family: Daydream;}
@font-face { font-family: ka1; src: url('ka1.ttf'); } 
@font-face { font-family: Daydream; src: url('Daydream.otf'); }
@font-face { font-family: Minecraft; src: url('Minecraft.ttf'); }