/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}


@font-face {
  font-family: fairy;
  src: url(https://dl.dropbox.com/s/8q4gzk812ilnbss/SWEETFAIRY-PERSONALUSE.otf);
}

@font-face {
  font-family: milkyway; /* set name */
  src: url(milkyway.regular.ttf); /* url of the font */
}

@font-face {
  font-family: cutefairy; /* set name */
  src: url(cute-fairy.regular.ttf); /* url of the font */
}

@font-face {
  font-family: mochi; /* set name */
  src: url(mochibop.ttf); /* url of the font */
}

* {
  cursor: url("sparkle.png"), auto;
}

.center {
  text-align: center;
}

body {
  background-color: #FFE3E8;
  color: #603C81;
  font-family: mochi;
  padding: 0;
}

h1 {
  text-align: center;  
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #DF7DB1;
  display: flex;
  justify-content: center;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  width: 100px;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #603C81;
}