/* my actual blog style2.css */
@font-face {
  font-family: cutesy;
  src: url(../fonts/cutesy.TTF);
}

@font-face {
  font-family: dogica;
  src: url(../fonts/dogica.ttf);
}

@font-face {
  font-family: bubbly;
  src: url(../fonts/bubbly.TTF);
}

@font-face {
  font-family: alagard;
  src: url(../fonts/alagard.ttf);
}

@font-face {
  font-family: rainyhearts;
  src: url(../fonts/rainyhearts.ttf);
}

@font-face {
  font-family: Minecraft;
  src: url(../fonts/Minecraft.ttf);
}

@font-face {
  font-family: Daydream;
  src: url(../fonts/Daydream.otf);
}

body {
  font-family: dogica;
  font-size: 12px;
  letter-spacing: -3px;
  line-height: 1.4;
  margin: 0;
  background-size: 940px;
  background-image: url(../pictures/picnic-bg.jpg);
  color: #fceaff;
}

*,
*::before,
*::after,
a,
a:hover,
a:active,
button,
button:hover,
button:active,
input,
input:hover,
input:active,
textarea,
textarea:hover,
textarea:active {
  cursor: url('../cursor/cat-cursor.gif'), auto !important;
}

body {
  border: 20px solid transparent;
  border-image: url('../pictures/whitelace.png') 30 round;
}

.container {
  background-color: #322424;
  color: #FFE1DD;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  border: none;
  display: flex;
  content: center;
  margin: 0 auto;
  width: 600px;
  height: auto;
  margin-top: 190px;
  text-align: center;
}

.welcome-popup {
  align-items: center;
  justify-content: center;
}

h1,
h4,
h5,
h3
h6 {
  font-family: bubbly;
  color: #ffacae;
  margin-top: 0;
  letter-spacing: 1px;
}

h2 {
  font-family: cutesy;
  color: #ffeaac;
  margin-top: 0;
  letter-spacing: 1px;
}

strong {
  color: #ffe68d;
}

h3 {
  font-family: Daydream;
  letter-spacing: normal;
  font-size: 14px;
  color: #ffacae;
}

a {
  text-decoration: underline;
  color: #ffacae;
}