ellereeeee

<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<div id="main-div" class="container">
  <div class="row">
    <div class="col-md-4 col-sm-4 col-xs-12">
      <img id="logo" src="http://res.cloudinary.com/devvzv96d/image/upload/c_scale,w_150/v1478861992/Twitch_Logo_White_u5y5an.png">
    </div> <!-- close logo div -->
    <div style="margin-top:1em;" class="text-center form-group col-md-4 col-sm-4 col-xs-12">
      <input type="text" id="search-input" style="color:black;" autocomplete="off" placeholder="Search...">
    </div> <!-- close search form div -->
    <div class="text-center col-md-4 col-sm-4 col-xs-12">

ellereeeee

<!-- icon credit: http://dakirby309.deviantart.com/art/Weather-Dock-Icon-Set-16-Icons-512px-308405330 -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<div id="loading"></div>
<div class="main-div">
  <div class="city-css flex-container">
    <p id="cityName"></p>
  </div>
  <div class="wrapper flex-container">
    <div class="row">
      <div id='icon' class="icon-css col-xs-6 col-sm-6 col-med-6 flex-container">

ellereeeee

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<div id="main-div">
  <p style="text-align: center;"><a target="_blank" href="https://en.wikipedia.org/wiki/Special:Random">Click here for a random article</a></p>
        <div>
          <form id="search-form" style="text-align: center;">
            <input id="search-input" type="text" style="text-align: center;" class="form-search-input" placeholder="Search..."><span id="search-button" class="form-search-submit">&#8981;</span>
          </form>
          </div> <!-- close search bar -->
    <p style="margin-top: .3em; text-align: center;">Click icon to search</p>
  </div> <!-- close main div -->