/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  color: black;
  font-family: ms pgothic;
  background:url('https://doctorsylveon.neocities.org/graphics/bgs/IMG_9433.gif');
}

a {
  color:deepskyblue;
text-decoration:none;
font-weight:bold;
}

a:hover {
  font-style:italic;
  text-decoration:1px underline wavy hotpink;
  }

h1 {
  text-align:center;
color:#fff;
text-shadow: rgb(255, 178, 216) 3px 0px 0px, rgb(255, 178, 216) 2.834871px 0.981584px 0px, rgb(255, 178, 216) 2.357662px 1.855109px 0px, rgb(255, 178, 216) 1.620907px 2.524413px 0px, rgb(255, 178, 216) 0.705713px 2.915814px 0px, rgb(255, 178, 216) -0.287171px 2.986224px 0px, rgb(255, 178, 216) -1.248441px 2.727892px 0px, rgb(255, 178, 216) -2.072274px 2.169258px 0px, rgb(255, 178, 216) -2.66798px 1.371818px 0px, rgb(255, 178, 216) -2.969977px 0.42336px 0px, rgb(255, 178, 216) -2.945022px -0.571704px 0px, rgb(255, 178, 216) -2.59586px -1.503831px 0px, rgb(255, 178, 216) -1.960931px -2.270407px 0px, rgb(255, 178, 216) -1.11013px -2.787044px 0px, rgb(255, 178, 216) -0.137119px -2.996865px 0px, rgb(255, 178, 216) 0.850987px -2.876773px 0px, rgb(255, 178, 216) 1.74541px -2.439988px 0px, rgb(255, 178, 216) 2.447689px -1.734595px 0px, rgb(255, 178, 216) 2.880511px -0.838247px 0px;
filter:drop-shadow(2px 0px 0 hotpink) drop-shadow(0px 2px 0 hotpink) drop-shadow(2px -2px 0 hotpink) drop-shadow(-2px 1px 0 hotpink);
}

.container {
  width:50%;
  margin:auto;
  border:2px solid lightskyblue;
  outline:1.5px solid #fff;
  border-radius:.5rem;
  padding:1rem;
  margin-bottom:1rem;
  background:#fff;
}

.outernav {
  width:50%;
  margin:auto;
  border:2px solid hotpink;
    outline:1.5px solid #fff;
  border-radius:.5rem;
  padding:1rem;
  background:url('https://doctorsylveon.neocities.org/graphics/bgs/stripes%20(5).gif');
}

.nav {
  margin:auto;
  border:2px dashed hotpink;
  border-radius:.5rem;
  padding:1rem;
  display:flex;
  background:#fff;
  
  a {
    display:block;
    margin:5px;
    border:1.5px solid deepskyblue;
    padding:5px;
    border-radius:5px;
    text-decoration:none;
    color:dodgerblue;
   background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
  }
  
  a:hover {
  font-style:italic;
  text-decoration:1px underline wavy hotpink;
  }
}

.navleft {
  float:left;
  display:block;
  width:50%;
}

.navright {
  float:right;
  display:block;
  width:50%;
}