<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: #FF3D00;
  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: #FF3D00;
  text-align: left;
}
.author {
  font-size: 36px;
  font-family: 'AUTHENTICSans', sans-serif;
  font-weight: 400;
  text-align: right;
  color: #FF3D00;
}

.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;
}


.color_back {
  background-color: #EDECFF;
}

.color_next {
  background-color: #FBFFF0;

}


@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="/bowl" id="leftarrow"><b-img src="media/left-arrow.png"></b-img></router-link>
              <p id="onhover_left">Cooking Apart Together</p>
            </b-col>
          </b-row>

      </b-col>


      <b-col md="4" class="color_back">


    <b-row>
      <b-col md="12">
        <p class="title_story">Me, My Mom and Those Three Eggs</p>
      </b-col>
    </b-row>
        <b-row>
          <b-col md="12">
            <p class="author">by Patricia Cîrtog</p>

          </b-col>
        </b-row>





<div class='content'>

<p>Oh, to think of lunchtime with my mom… Since first grade, up to my first year of college, I’ve always had lunch with my mom. She’s a teacher, so during middle school we had a similar schedule. When she happened to have more classes than I did, I would patiently wait for her in the school's library. We would walk home together, change into some comfortable clothes and settle into the kitchen. The school’s bell still echoed into our ears and the air was filled with joy and small frustrations, but most prominently the smell of milk and bread (you know, the kind of food Romanian school offers children). We would heat up something cooked by my mother and talk about our day. I would detail everything that happened to me that day, from every project and good grade to some childish mischief that took place during the break, and, in exchange, she would take me into her adult world, through the teacher’s lounge and her classes.</p>
<p>
  We usually had homemade food in the fridge that we would heat up, in small pots only, just enough for the two of us. When I left for college, I thought I would mostly remember the soups and stews that she used to cook. However, I was wrong. At lunchtime, after a lot of classes and doing laundry, I started thinking about her omelet. The omelet she used to make when there was no other homemade food left.</p>
<p>
We would go into the kitchen, mom would whisk three eggs and I would cut the cheese, sneaking some into my mouth when she wasn’t looking. We put them over the sizzling butter and talked slightly louder to cover the sound. That’s when I used to get excited, because my tummy knew “Yey, we’re going to eat soon”. I was watching the cheese melt until I couldn’t tell it apart from the eggs anymore. Sitting near the stove would always warm me up during the winter and soften me in the summer.</p>
<p>
Mom would split the omelet in two, one half for me and the other one for her. I enjoyed eating from the plate she whisked the eggs in, because I liked taking a bit of bread and wiping the plate clean, like a little sponge. When I finished, I could feel motivation coming over me, so afterwards I’d start doing my homework. I felt fulfilled and warm and cozy.</p>
<p>
In college, I don’t eat omelet anymore. If I don’t hear the sound of my mother’s voice over the sizzling butter, it seems to taste bad. If my mom won’t whisk the eggs, the omelet won’t have the same consistency. If I don’t have lunch with my mom, the omelet becomes another meaningless meal taken in a hurry.</p>
  <p>So now, I encourage you to close your eyes with me and feel the warmth of any of your mother’s home cooked meals.</p>
</div>

      </b-col>
      <b-col md="4" class="color_next">
        <b-row class="controls">
            <b-col md="12" class="arrows">
              <router-link to="/olives" id="rightarrow"><b-img src="media/right-arrow.png"></b-img></router-link>
              <p id="onhover_right">A Jar of Green Olives</p>
            </b-col>
          </b-row>
      </b-col>
        </b-row>
      </b-container>
</template>

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

</script>
