<style scoped>

@font-face {
  font-family: 'AUTHENTICSansLight';
  src: url('../../../fonts/AUTHENTICSans-60.otf');
  font-weight: lighter;
}

@font-face {
  font-family: 'AUTHENTICSans';
  src: url('../../../fonts/AUTHENTICSans-90.otf');
  font-weight: 400;
}

* {
    border: 0px black solid;
    background-color: transparent;
}


.container_width {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 70px;
}


a:hover {
  color: hotpink;
  text-decoration: none;
}

a {
  color: gray;
}

.content {
  /*padding-right: 50px;*/
  /*padding-left: 60px;*/
  font-family: 'AUTHENTICSansLight';
  font-weight: lighter;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 40px;
  color: black;
  text-align: left;

}

.controls {
  padding-top: 12px;
  height: 120px;
  z-index: 1;
  position: relative;
  }

.title_story {
  font-size: 48px;
  font-family: 'AUTHENTICSans', sans-serif;
  font-weight: 400;
  padding-top: 70px;
  color: black;
  text-align: left;
}
.author {
  font-size: 36px;
  font-family: 'AUTHENTICSans', sans-serif;
  font-weight: 400;
  text-align: right;
  color: black;
}

.arrows {
  font-size: 40px;
  top: 30px;
  color: black;
  vertical-align: top;
  overflow: hidden;
  font-family: 'AUTHENTICSans';
}

.arrows p {
visibility: hidden;
}

.arrows:hover p {
  visibility: visible;

}
.arrows a {
    display: block;
}



#leftarrow {
  float: left;
  color: black;
}

#rightarrow {
  float: right;
  color: black;
}

#onhover_right {
  font-size: 15px;
  margin-top: 60px;
  text-align: right;
}

#onhover_left {
  font-size: 15px;
  margin-top: 60px;
  text-align: left;
}
.image_container {
  padding-top: 5px;
}

.photo {
  max-height: 100%;
  max-width: 100%;
  padding: 20px;
}


.img-fluid {
  filter: sepia(100%) saturate(300%) brightness(100%) hue-rotate(270deg);
}

#illustration {
  width: 80%;
  float: left;
  margin-top: 150px;
  filter: grayscale(80%) contrast(80%) opacity(50%);

}

#illustration:hover {
  filter: grayscale(0%);
}

.small_icon {
  max-width: 60%;
  padding-top: 100px;
}

.zoom {
  max-width: 100%;
}

.color_back {
  background-color: #FFFFF3;
}

.color_next {
  background-color: #FFE5A1;
;
}

@media (max-width: 575px){
     .small_icon {
       display: none;

     }
     .title_story {
       font-size: 48px;
     }
     .author {
       font-size: 21px;
     }

     .content {
       padding-bottom: 40px;
     }

     .photo {
       padding-bottom: 40px;
     }
   }

</style>

<template>
  <b-container fluid class="p-0">
    <MenuBar/>


    <b-row>
        <b-col md="4" class="color_back">
          <b-row class="controls">
              <b-col md="12" class="arrows">
                <router-link to="/bananas" id="leftarrow"><b-img src="media/left-arrow.png"></b-img></router-link>
                <p id="onhover_left">[each] Tuesday Afternoon</p>
              </b-col>
            </b-row>

        </b-col>

        <b-col md="4" class="color_back">
          <b-row>
            <b-col md="12">
            <p class="title_story">Yes, Chef</p>
          </b-col>
          </b-row>
            <b-row>
              <b-col md="12">
                <p class="author">by Esmeralda Anstrauta</p>

              </b-col>
            </b-row>
<div class='content'>

<p>
  Trained food folk have the most fascinating relationship with food I've ever seen - never before have I been around so many people who make great food all day long and yet eat little of it. Coming from my sedentary housecat life of planning lunches and sleeping in, I was bound to have a rude awakening. In my first month on the line, I developed a callous at the base of my right pointer finger from wielding knives and became gaunt and sickly due to a habit of having cappuccinos for breakfast, cigarettes for lunch, and popcorn for dinner. As someone who has a history of disordered eating and a lifetime of romanticising the back of the house, my sudden career change kicked my ass. If you've worked in the trade, ever spoken to a chef, or at least read Anthony Bourdain's Kitchen Confidential, you know the addictive patterns the job entails. Though some aspects drastically differ between Bourdain's kitchen in the 1980s and a Northern European restaurant kitchen now (slightly less cocaine and no one wears a toque anymore), other things really haven't changed - most of all, the terrible eating habits of chefs. </p>
<p>
A few months after I started working in the kitchen, I began attending culinary school and quickly realised exactly how unsustainable my new lifestyle was. Not only was I tired all the time, but I had also begun feeling despondent because I had withdrawn the joy and creativity I'd always associated with food and replaced it with calculations and ruthless productivity. Things had to change; I'd chosen culinary over grad school and yet my love for food culture was nowhere to be found. Reintroducing cooking for myself was like learning to cook all over again. Recipes had to be simple at first; no more than five ingredients and little to no prep and cleanup. Most of all, the recipe couldn't keep me by the stove for longer than absolutely necessary. Behold, one dinner turned into many others, soon joined by breakfast. I'm still terrible at eating lunch.</p>
<p>
Don't get me wrong, I dearly love being a chef and the starched-white aesthetics of the kitchen, but I want to find a way to not let my job consume me and my love for food. Chefs still have a drastically lower life expectancy than most occupations and it's not all due to fumes and knee problems. Rather, it's the harsh lifestyle and its implications for our overall health. There must be a future in which hospitality industry workers don't have to work for fifteen hours without breaks and then rely on cigarettes and alcohol to cope with the stress, eventually becoming the bitter and jaded people we traditionally associate with the profession. There must be a way around it - I believe it starts with taking care of yourself first.

</p>
</div>

      </b-col>
      <b-col md="4" class="color_next">
        <b-row class="controls">
            <b-col md="12" class="arrows">
              <router-link to="/potato" id="rightarrow"><b-img src="media/right-arrow.png"></b-img></router-link>
              <p id="onhover_right">One Way with Potatoes</p>
            </b-col>
          </b-row>
          <b-row>
        <b-col md="4" >
              <b-img id="illustration" src="media/illustrations_3/popcorn_small.png"></b-img>
      </b-col>
      </b-row>
      </b-col>
        </b-row>

      </b-container>
</template>

<script>
import MenuBar from '../MenuBar'
export default {
    name: 'popcorn',
    data: function() {
        return {
        }
    },
    components: {
        MenuBar
    }
}

</script>
