/*

  []
  []]]
  []]]]
  []]]]]]
   []]]]]]]
     []]]]]]]]]
       ]]]]]]]
|
|__    ___      ___    ___       ___    ___          ___     ____              ___
|  \  /   |  | /   \  /   |   | /   \  /   |      | /   \   /____\  |  |   |  (___
|__/  \__/ \ |/    |  \__/ \  |/    |  \__/ \     |/    |   \____   \__/\__/   ___)

  _____________________________________________________________________________________________________________________________
 |                                                                                                                             |
 |   __                                                                            |                        __                 | 
 |  |  \   __   _   _  |  __            |     _      _ __   __   __|         __    |/     _   _            /__ o   _  __  |    |
 |  |__/  /__\ / \ | \ | /__\   |  |  | |__  / \   |/ /__\ /  | /  |   | |  (__    |\  | / \ / \ |  |  |   |   | |/  (__ _|__  |
 |  |     \__  \_/ |_/ | \__    \_/ \_/ |  | \_/   |  \__  \_/ \\_/|   \_/\  __)   | \ |/  | \_/ \_/ \_/   |   | |    __) |_/  |
 |                 |                                                                                                           |
 |_____________________________________________________________________________________________________________________________|


If you're the sort of person who looks at the source code of webpages, try our challenge:

https://banana-news.github.io/banana/share_this_page



*/.searchresult{
    background-color: #ffffff;
    padding: 10px;
    width: 50%;
  }
  #searchResults{
    background-color: #ffffff;
  }
  @media(max-width:768px){
    .searchresult{width:100%;border-bottom:2px solid grey;}
  }
  .toilet-bowl{
      border:4px solid black;
      height:75px;
      width:100px;
      position:absolute;
      top:76;
      left:0;
      border-bottom-left-radius:25px;
      border-bottom-right-radius:25px;
      z-index:2;
      background-color:white;
  }
  .toilet-back{
      height:70px;
      width:30px;
      border:4px solid black;
      position:absolute;
      left:0;
      top:16px;
  }    
  .body{
      height:130px;
      width:90px;
      background-color:#34d8eb;
      position:absolute;
      top:32px;
      left:210px;
      animation: back 3s infinite;
  }
  .neck{
      height:90px;
      width:90px;
      background-color:#34d8eb;
      position:relative;
      animation: rotate 3s infinite;
  }
  @keyframes rotate{
      0% {
         transform: rotate(0deg); 
         left:110px;
         top:0;
      }
      50% {
          transform: rotate(-100deg);
          top:50px;
          left:50px;
      }
      50.1% {
          transform:rotate(-100deg);
          top:50px;
          left:50px;
      }
      99.9% {
          transform:rotate(0deg);
          left:110px;
          top:0;
      }
      100% {
          transform:rotate(0deg);
          left:110px;
          top:0;
      }
  }
  @keyframes back{
      0%{
         transform:rotate(0deg); 
         left:110px;
      }
      50%{
          transform:rotate(-20deg);
          left:130px;
      }
      50.1%{
          transform:rotate(-20deg);
          left:130px;
      }
      99.1% {
          transform:rotate(0deg);
          left:110px;
      }
      100%{
          transform:rotate(0deg);
          left:110px;
      }
  }
  .eye1{
      margin:10px;
      background-color:black;
      width:10px;
      border-radius:50%;
      height:10px;
      position:absolute;
      top:0px;
      left:30px;
  }
  .eye2{
    margin:10px;
      background-color:black;
      width:10px;
      border-radius:50%;
      height:10px;
      position:absolute;
      top:0px;
      left:10px;  
  }
  .animation{
      position:relative;
      height:173px;
      /*border:1px solid black;*/
      width:240px;
      top:0;
      left: 0;
      /*control position above*/
      display:block;
      margin:auto;
  }
  #noResults{
    display:none;
    position: relative;
    margin:auto;
  }
  #loadingMessage{
    display:block;
    margin:auto;
    position:relative;
  }#firegif{display:block;margin:auto;position:relative;}
  #first {
    background-color: #ffe135;
    height: 200px;
    width: 200px;
    position: absolute;
    border: 7px solid black;
    border-radius: 40%;
}
#second {
    border-right: 5px solid black;
    border-radius: 40%;
    background-color: #ffffff;
    height: 200px;
    width: 140px;
    z-index: 2;
    position: absolute;
}
#third {
    background-color: #ffffff;
    height: 220px;
    width: 132px;
    position: absolute;
    border-top-right-radius: 40%;
    border-bottom-right-radius: 40%;
    z-index: 3;
}
#fourth {
    height: 60px;
    width: 15px;
    position: absolute;
    background-color: black;
    top: -30px;
    left: 100px;
    transform: rotate(-50deg);
    z-index: 4;
}
#banana {
    position: absolute;
    top: 20px;
    left: 50px;
    transform: rotate(20deg);
}
#fifth {
    background-color: black;
    z-index: 2;
    position: absolute;
    top: 300px;
    left: 160px;
    width: 40px;
    height: 40px;
}
#mouth {
    background-color: black;
    position: absolute;
    z-index: 8;
    height: 10px;
    width: 40px;
    top: 120px;
    left: 150px;
}
#eye1 {
    background-color: black;
    position: absolute;
    z-index: 8;
    height: 10px;
    width: 10px;
    top: 100px;
    left: 150px;
}
#eye2 {
    background-color: black;
    position: absolute;
    z-index: 8;
    height: 10px;
    width: 10px;
    top: 100px;
    left: 180px;
}
#mark1,
#mark2,
#mark3,
#mark4,
#mark5 {
    position: absolute;
    z-index: 9;
    font-size: 27px;
    display: none;
}
#mark1 {
    left: 30px;
    top: 150px;
    transform: rotate(350deg);
}
#mark2 {
    left: 250px;
    top: 200px;
    transform: rotate(10deg);
}
#mark3 {
    left: 70px;
    top: 50px;
    transform: rotate(350deg);
}
#mark4 {
    left: 240px;
    top: 100px;
    transform: rotate(10deg);
}
#mark5 {
    left: 200px;
    transform: rotate(10deg);
}
#animation{
    border:none;
    position:relative;
    height:300px;
    width:300px;
    z-index:10;
    margin:auto;
}