@font-face {
  font-family: Comic Sans;
  src: url(sans.ttf);
}



.top {
  font-family: Comic Sans;
}



.header {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: Comic Sans;
}

.dis {
top: 0;
  padding: 10px 16px;
  background: yellow;
  color: red;
  font-family: Comic Sans;
  
}
  
.dis2 {
top: 0;
  padding: 10px 16px;
  background: #ffbb00;
  color: red;
  font-family: Comic Sans;

}

a:visited {
  color: red;

}

a:hover {
  color: orange;

}

a:link {
  color: blue;

}

.mystuff {
  font-family: Comic Sans;
}

.here {
  font-family: Comic Sans;
}

.other {
  font-family: Comic Sans;
}

.friends {
  font-family: Comic Sans;
}



/* DESKTOP CSS */
@media screen and (min-width: 720px) {
.header {
text-align: left;
}