* {
    box-sizing: border-box; 
  }
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: row;
    margin: 0;
    font-family: "Roboto", sans-serif;
    background-color: #75B975;
  }
  .col-1 {
    flex: 1;
  }
  .col-2 {
    display: flex;
    flex-direction: column;
    flex: 5;
  }
  .content {
    display: flex;
    flex-direction: row;
  }
  .content > article {
    flex: 3;
    min-height: 90vh;
  }
 footer {
    height: 10vh;
  }
  footer, article, nav {
    padding: 1em;
  }

  .box{
    position: relative;
    margin: auto;
    display: block;
    margin-top: 8%;
    width: 300px;
    height: 210px;
    background: none;
  }
  .head{
    position: absolute;
    top:16.5%;
    left: 25%;
    width: 48%;
    height: 66%;
    background: #FFFFFF;
    border-radius: 50%;
  }
  .head-copy{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFFFFF;
    border-radius: 50%;
    z-index: 2;
  }
  .ear-left{
    position: absolute;
    width: 30%;
    height: 39%;
    left: -5%;
    top: 5%;
    background: #000000;
    border-radius: 50%;
    z-index: 1;
  }
  .ear-right{
    position: absolute;
    width: 30%;
    height: 39%;
    right: -5%;
    top: 5%;
    background: #000000;
    border-radius: 50%;
    z-index: 1;
  }
  .inner-ear{
    position: absolute;
    border-radius: 50%;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    background: #000000;
  }
  .eye-left{
    position: absolute;
    background: black;
    width: 20%;
    height: 33%;
    top: 30%;
    left: 21%;
    border-radius: 50%;
    transform: rotate(25deg);
    z-index: 3;
  }
  .eye-right{
    position: absolute;
    background: black;
    width: 20%;
    height: 33%;
    top: 30%;
    right: 21%;
    border-radius: 50%;
    transform: rotate(150deg);
    z-index: 3;
  }
  .pupil{
    position: absolute;
    width: 28%;
    height: 30%;
    top: 35%;
    left: 46%;
    border-radius: 50%;
    background: #FFFFFF;
  }
  .nose{
    position: absolute;
    background: #000000;
    width: 21%;
    height: 16.5%;
    left: 39%;
    top: 66%;
    border-radius: 50px;
    z-index: 4;
  }

  blockquote{
    font-size: 1.4em;
    margin:50px auto;
    font-style:italic;
    color: #555555;
    padding:1.2em 30px 1.2em 75px;
    border-left:8px solid #78C0A8 ;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
  }
  
  blockquote::before{
    font-family:Arial;
    content: "\201C";
    color:#78C0A8;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
  }
  
  blockquote::after{
    content: '';
  }