@font-face {
  font-family: "Starborn";
  src: url("Starborn.otf");
}

@font-face {
  font-family: "Sweets-Smile";
  src: url("Sweets-Smile.otf");
}

@font-face {
  font-family: "BaksoSapi";
  src: url("BaksoSapi.otf");
}

h1 {
  font-family: "BaksoSapi";
  text-decoration: underline;
  text-decoration-color: black;
  text-shadow: 8px 2px rgba(0, 0, 0, 0.19);
}

h2 {
  font-family: "Starborn";
  text-shadow: 8px 2px rgba(0, 0, 0, 0.19);
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: black;
  
}

p{
  font-family: "Sweets-Smile";
  border-style:dashed;
  border-width:thick;
  box-shadow: 20px 7px rgba(0, 0, 0, 0.11);
  border-color: white;
  background: rgba(153, 167, 158, 0.76);
}

img {
  width: 300px;
  border-style:dashed;
  border-width:thick;
  box-shadow: 20px 7px rgba(0, 0, 0, 0.11);
  border-color: white;
}

body {
  background-color: rgba(203, 217, 208, 0.76);
  width: 800px;
  margin: auto;
  text-align: center;
  
}

img.the_office {
  width: 200px;
}

img.dora {
  height: 400px;
  width: width: 100px;
}

img.courage {
  width: 300px;
}

img.faries {
  width: 300px;
}

img.toons {
  width: 350px;
}

img.maniacs {
  width: 350px;
}

img.the_office {
  width: 400px;
}

a {
  display: block;
  background-color: rgba(168, 181, 173, 0.76);
  width: 200px;
  margin: auto;
  color: white;
  padding: 10px;
  font-size: 19px;
  border-radius: 10px;
  margin-top: 5px;
  width: 300px;
  border-style:dashed;
  border-width:thick;
  box-shadow: 10px 6px rgba(0, 0, 0, 0.11);
  border-color: white;
}

a:hover {
  background-color: rgba(108, 130, 117, 0.76);
  color: white;
  
}