@font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf');
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }

body {
  margin: 0;
  padding: 10px;
}
 
h1, h2, h3, h4, h5, h6, p, summary, ul, ol {
  font-family: "Comic Sans MS", sans-serif;
  color: #2d355f;

}

ul, ol {
padding:1px }

s {
  color: #5f7495;
  
}

button {
  display: inline-block;
  padding: 5px 10px;
  font-family: "Comic Sans MS", sans-serif;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #8cace1;
  border: none;
  border-radius: 10px;
  box-shadow: 0 5px #5662a4;
  font-weight: bold;
}

button:hover {background-color: #6f88c3}

button:active {
  background-color: #6f88c3;
  box-shadow: 0 2px #5662a4;
  transform: translateY(3px);
}

summary {cursor: pointer;} 

.whiteBorder {
	filter: drop-shadow(1px 0px 0 white) drop-shadow(0px 1px 0 white) drop-shadow(-1px -0px 0 white) drop-shadow(-0px -1px 0 white);
}

 
 /* width */
::-webkit-scrollbar {
  width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d7eafc;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8bb8e2;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #7fa5d4;
}

/* unvisited link */
a:link {
  color: #60739f;
}

/* visited link */
a:visited {
  color: #38486d;
}

/* mouse over link */
a:hover {
  color: #4e6089;
}

hr {
	border-style: dashed;
	border-color: white;
}

  
  
/* doggo hours */
.hiccup {position: relative;
     margin-left: 110px;
     margin-top: -190px;
     width: 162px;
     height: 166px;
}     
     
.derpy {position: relative;
     margin-left: 1080px;
     margin-top: -165px;
     width: 162px;
     height: 166px;     
}

.william {position: relative;
margin-left: -5px;
top: -250px
}

.opal {position: relative;
margin-left: -5px;
top: -300px
}