body{
	font-family:"Lucida Console", "Courier New", monospace;
	background: rgb(175,3,115); background: linear-gradient(0deg, rgba(48, 0, 24,1) 0%, rgba(0,0,0,1) 100%);
	color:White;
	text-align:20px;
	margin: auto;
	animation: fadeBackground 10s;
	overflow-x: none;
	text-shadow: 2px 2px 2px #222222, 0 0 3em black, 1px 1px 2px darkred;
}
::selection{color:white; background-color:darkred;}

@media screen and (min-width: 1000px) {
.navhead{
    max-width:20%;
    height:100%;
    position:fixed;
}
main, footer{
    position:right;
    margin-left:20%;

}
}

@media screen and (min-width: 1000px){

.centrcont{
padding-top:25vh;
padding-bottom:25vh;
}
.padprob{
}

}

@media screen and (max-width:999px){
.padprob{padding-bottom:10%;}
}



.imag{
	position:center;
}

p{
	padding-left:20px;
	animation: fadeIn 3s;
	margin: auto;

}
details{
	padding-left:5px;
	padding-bottom:10px;
	animation: fadeIn 1s;
	margin: auto;

}
summary:hover{color:pink;}
summary{text-decoration:underline dotted;}

article > posty > h3{padding-top:5px;}
.blogPost{padding-bottom:20px;padding-top:20px;}



a{color:#ff00ff;text-decoration:underline dotted;}
a:hover {
  color:white;
}
.img {max-width:85%;}

.red{color:red;}
.lightgreen{ color:lightgreen;}
.cyan{color:	#00ffff; }
.lightblue{color:lightblue;}
.blueMagenta{ color:#9f94ff; }
.pink{ color:pink; }
.white{color:white;}
.orange{color:orange;}
.nudepurple{color:#d9b8c7;}



nav{animation: fadeIn 5s;}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	animation: fadeIn 3s;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	animation: fadeIn 10s;
}

.containera {
    display: grid;
    padding:20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
    animation: fadeIn 3s;
    margin:auto;
}

.posty{
max-width: 1000px;
width:auto;
height:auto;
Border:2px solid white;
padding:10px;
box-shadow: 0px -10px 0 -3px white, 10px -10px white ;
text-align: left;
transition: box-shadow 2s, top 1s, left 5s;
box-sizing: border-box;
display: block;
  position: center;
  top: 0;
  left: 0;
  animation: fadeIn 10s;
  margin: auto;
  padding-bottom: 10px;
}

.posty:hover{
  box-shadow: 0 0 0 -3px black, 0 0 0 0 white;
}

pre{
	font-family:"Lucida Console", "Courier New", monospace;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    padding-left:5px;
    padding-right:5px;
	animation: fadeIn 3s;
	margin: auto;
	}
	
.posty pre{padding-left:20px;padding-right:20px;}
.posty a{padding:20px;}

a > img, img {max-width:80%;margin-left: auto;
  margin-right: auto;display: block; padding-top:20px;}
 .imgslide{color:white;}

.About{display:block; margin:auto; padding:20px;position: center; max-width:600px;}

#footer{text-align:center;}

button:hover , button:active{
	color:pink;
	cursor: pointer;
}

.smallGal{
max-width:200px;max-height:auto;
}

hr{
    width: 200px;
    background-color: none !important;
    border:none !important;
    border-top: 8px dotted white!important; 
    border-top-width:5px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
    padding:0px;
    animation: fadeIn 3s;
}

details{
padding-left:0px;
}
h3{padding-left:20px;}

ul{
list-style: none;text-align:right;padding-right: 20px;
}
.lightgreenb{
border-color:lightgreen;
}
.cyanb{
border-color:#00ffff;
}

.blueMagentab{
border-color:#9f94ff; box-shadow:#9f94ff;
}
h4{
text-align:center; text-shadow:none;
}
.noshad{text-shadow:none;}

.presty{
padding:0px;
}
.smallpic{max-width:60%;}