@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');

body {
  background-color: white;
}

.box {
   display: flex;
   align-items:center;
   border-bottom: 1px solid #f0f0f0;
}

.box_top {
   display: flex;
   align-items:center;
   margin: 0;
}

img {
  width: 25%;
  display: inline;
  margin-top: 2%;
  padding-bottom: 25px;
}

.about {
  margin-left: 5%;
  font-family: 'Open Sans', sans-serif;
  line-height: 200%;
  padding-right: 15%;
  width: 650px;
}

h1 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 50px;
  margin-left: 5%;
  color: rgb(255,99,6);
}

h2 {
  margin-left: 5%;
  font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  margin-top: 5%;
  color: rgb(255,99,6);
}

.description {
  font-family: 'Open Sans', sans-serif;

}

.recipe_par {
  margin-left: 50px;
  margin-right: 500px;
}

.recipe_title {
  margin-left: 50px;
  font-size: 20px;
}

.episode {
  margin-bottom: 20px;
}

ul {
  margin-left: 5%;
}

.audiofile {
  margin-left: 50px;
}

.gif {
  width: 10%;
  margin-left: 50%;
}

a {
    color: rgb(255,99,6);
  text-decoration: none;
}

.glow {
  color: ;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px rgb(255, 237, 71), 0 0 20px rgb(255, 237, 71), 0 0 30px rgb(255, 237, 71), 0 0 40px rgb(255, 237, 71), 0 0 50px rgb(255, 237, 71);
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px rgb(255,99,6), 0 0 40px rgb(255,99,6), 0 0 50px rgb(255,99,6), 0 0 60px rgb(255,99,6), 0 0 70px rgb(255,99,6);
  }
}
