/* This is a CSS override! It overrides default values for ALL elements. */
/* I highly recommend keeping this override in your code. */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
  }
  
  body {
	background-image: url('https://i.pinimg.com/736x/5d/a5/f5/5da5f5a5e7211d499dd9644ca4193b72.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	margin: 10px;
	padding: 10px;
 	font-family: monospace;
	text-align: center;
	margin: 0 auto;
}
h1 {
	margin: 20px;
	background: rgba(142, 227, 255, 0.65);
	border: 2px dashed #fff;
	backdrop-filter: blur(5px);
	padding: 12px;
	margin: 20px auto;
	color:aliceblue;
	border-radius: 12px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	font-size: 36px;
}
p {
	margin: 20px;
	background-image:
    linear-gradient(rgba(255, 1, 191, 0.6), rgba(0, 0, 0, 0.6)),
    url('https://i.pinimg.com/originals/c3/e9/50/c3e95034e5e0da0e6257c78e757da8fa.gif');
	background-size: cover;             
	background-repeat: no-repeat; 
	background-position: center;  
	margin: 20px auto;
	color:aliceblue;
	border-radius: 0;
	border-style: solid;
	border-width: 10px;
	border-color: rgb(164, 158, 255);
	padding: 24px ;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	font-size: 12px;
	display: block;
}
nav {
	background: rgba(255, 142, 242, 0.65);
	border: 2px dashed #fff;
	backdrop-filter: blur(5px);
	padding: 12px;
	border-radius: 20px;
	box-shadow: 0 0 15px #fff;
	margin: 20px auto;
}

nav a {
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 15px;
	margin: 5px;
	border: 1px solid #fff;
	border-radius: 12px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.helloKitty {
	background-image: url('https://i.pinimg.com/originals/c3/e9/50/c3e95034e5e0da0e6257c78e757da8fa.gif');
	background-size: cover;             
	background-repeat: no-repeat; 
	background-position: center;  
	box-shadow: inset 0.2em 0.2em 0.2em 0 rgba(255, 255, 255, 0.5), inset -0.2em -0.2em 0.2em 0 rgba(0, 0, 0, 0.5);
    padding: 8px;
    width: 28vh;
    position: absolute;
}
.rightTab {
	margin: 20px;
	background-image: url('https://i.pinimg.com/originals/c3/e9/50/c3e95034e5e0da0e6257c78e757da8fa.gif');
	background-size: cover;             
	background-repeat: no-repeat; 
	background-position: center;  
	margin: 20px auto;
	color:aliceblue;
	border-radius: 0;
	border-style: solid;
	border-width: 8px;
	border-color: rgb(244, 255, 147);
	padding: 24px ;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	font-size: 24px;
	display: block;  
    padding: 8px;
	position: absolute;
}
summary {
	font-size: 22px;
}