body {
    font-size: 15pt;
    background-color: #eda293;
}

body1 {
    font-size: 15pt;
    background-color: #eda293;
}

button {
  border: none;
  border-radius:6px;
}
button:hover {
           border: none;
           background: #61a6ed;
           border-radius: 8px;
           padding: 150px;
           color: #fff;
           font-weight: bold;
           font-size: 60px;
           text-transform: uppercase;
           -webkit-transition-duration: 1s; /* for Safari */
         transition-duration: 0.5s;
         cursor: pointer;
}

cat1 {
  width: 20%;
}


#buttontop {
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #d65554;
 padding: 2px;
 border-radius: 2px;
}


/*Moewed 583k times

I am not using flash or php.*/

@font-face {font-family: Kenney_future_narrow; src: url ("Kenney_Future_Narrow.ttf") }



p3 { font-family: Kenney_future_narrow , sans-serif; }







p {
 padding: 15px;
 background-color: #e3d1ee;
 border-radius: 10px;
 text-align: center;
}

p4 {
 padding: 15px;
 background-color: #eda293;
 border-radius: 10px;
 text-align: center;
 font-family: kenney_future_narrow;
}

h1 {
  padding: 15px;
 background-color: #b8f2bf;
 border-radius: 10px;
 text-align: center;
 font-family: kenney_future_narrow;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  text-align: center;
}

.body {
  background-image: url('example_img_girl.jpg');
}

.icon {
    background: url('ataeria.neocities.org/AtæriaAssets/Ataeriaguy.gif');
    height: 20px;
    width: 20px;
    display: block;
    /* Other styles here */
}

center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 5%;
  height: 60px;
  text-align: center;
}