@import "normalize.css";
@import "font.css";
@import "indexpage.css";
@import "mainmenu.css"; 
@import "ramblings.css";
@import "image.css";

html {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	min-height: 100vh;
  	position:relative;
	  
}

/* Focusing the button with a keyboard will show a dashed black line. */
button:focus-visible {
  outline: 4px dashed black;
}
  
/* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}

body.main {
	background: #FFF url(images/bkggrn.jpg);
	margin: 0;
	padding: 0px;
	font-size: 1.5em;
	font-family: "Times New Roman",  Times,  serif;
	
}

body.ramblings {
	background: url(images/snowy.jpg);
 	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	box-sizing: border-box;
}

body.ramdir {
	 background-color: #000000;
	margin: 0px;
	padding: 0px;
	
}




/*Paragraph Classes *//* Used for index main title - date related */
.style4 {
	text-align: left
}

/* General margin setters */
.centre {
	margin-left: auto;
	margin-right: auto;
	
}

.left {
	margin-left: 0px;
	margin-right: auto;
	
}

.right {
	margin-left: auto;
	margin-right: 0px;
	
}

/*Link Classes*/
a{
	color: #3022ff;
	text-decoration: none;
}

a:visited{
	color: #005500;
}

a:hover {
  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
}

/*Special Classes*/


/* Dog Page Classes */
body.dog {
	background: #cacaca;
	width: 100%;
	overflow: scroll;
	
}


.dogpos {
	width: 50%;
	margin: auto;
	
}


.maddy-container {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  grid-template-rows: auto;
 	gap: 15px 10px;
 	  justify-content: center;
  place-items: center;

}


.thumb {
	border: 1px  solid white;
	 border-radius: 3px;
	max-height: 100px;
	max-width: 150px;
	
}