styles.css

/* GENERAL STYLES  */

* {
  margin: 0;
  padding: 0;
}

a {

  text-decoration: none;
}

body {

  font-family: arial, sans-serif;
  font-size: 16px;
  min-width: 1100px;
}

/* NAV STYLES */

button {

  background-color: #4285F4;
  border: 0;
  border-radius: 2px;
  color: white;
  font-weight: bold;
  margin-right: 25px;
  margin-left: 25px;
  padding: 8px 14px;
  letter-spacing: 0.05em;
}

input {

  border: 1px solid #E5E5E5;
  border-radius: 20px;
  font-size: 16px;
  height: 42px;
  padding-left: 17px;
  width: 635px;
}

.bottom-nav {

  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 15px;
  padding-left: 143px;
}

.bottom-nav a {

  color: #777;
  font-size: 13px;
  margin-right: 30px;
}

.flex-container-nav {

  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
}

.input {

  align-items: center;
  display: flex;
  position: relative;
}

.nav-item {

  color: black;  
}

.sign-in {

  display: flex;
}

.nav-item i {

  color: black;
  margin-top: 5px;
}

#all {

  color: #1A73E8;
  border-bottom:3px solid #1A73E8;
  font-weight: 600;
  margin-right: 13px;
  padding: 0px 17px 14px 17px;
}

#logo {

  margin-left: 25px;
  margin-right: 30px;
  margin-top: 5px;
  width: 10%;
  height: 10%;  
}

#more {

  margin-right: 140px;
}

#search-icon {

  color: #4B8BF5;
  position: absolute;
  left: 755px;
  top: 5px;
}

/* MAIN SECTION STYLES */

a h2 {

  color: #1a0dab;
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 3px;
}

a p {

  color: #006621;
  font-size: 14px;
  margin-bottom: 5px;
}

main {

  font-size: 13px;
  letter-spacing: 0.02em;
  margin: 15px 157px;
  width: 650px;
}

table {

  border: 1px solid #E5E5E5;
  border-radius: 10px;
  margin-left: -17px;
  width: 667px;
}

td {

  font-size: 1.4em;
  padding-left: 15px;
}

.ad {

  border: 1px solid #006621;
  border-radius: 3px;
  font-size: 11px;
  margin-right: 3px;
  padding: 0 2px;
}

.arrow-drop-down {

  top: 3px;
  position: relative;
}

.box-header {

  color: #a9a9aa;
  font-size: 1.6em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.material-icons.md-18 { 
  
  font-size: 18px;
}

.bold {

  font-weight: 600;
}

.question {

  color: #4d4d5f;
  display: block;
  border-top: 1px solid #E5E5E5;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
}

.question .material-icons {

  color: #a9a9aa;
  position: absolute;
  right: 20px;
  width: 15px;
}

.result {

  padding: 15px 0;
}

.result a {

  line-height: 1em;
}

.results {

  margin-left: 4px;
}

.results-number {


}

.snippet {

  line-height: 1.5em;
}

.sub-result {

  display: inline-block;
  margin: 20px 10px 0px 30px;
  width: 250px;
}

#feedback {

  font-size: 0.83em;
  font-style: italic;
  text-align: right;
  padding-top: 3px;
  padding-right: 15px;
}

#results-number {

  margin-bottom: 10px;
}


#results-number, .date, #feedback a {

  color: #777;
}

/* Related Searches Styles */

div h3 {

  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin: 20px 0;
}

.searches-col {

  float: left;
  width: 50%;
}

.searches-col a {

  color: #1a0dab;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;

}

.normal {

  font-weight: 500;
}

.more-results {

  clear: left;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 50px;
}

.more-results p {

  display: inline-block;
}

.mr-arrow {

  color: #4285F4;
  position: relative;
  bottom: 10px;
  left: 8px;
}

.results-page a {

  color: #4285F4;
  margin-left: 8px;
}

#next {

  margin-left: 50px;
}

#space{

  width: 33px;
}

/* FOOTER STYLES */

.footer {

  background-color:  #F4F4F4;
  border-top: 1px solid rgb(219, 225, 233);
  color: rgb(119, 123, 129);
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 150px;
  font-size: 13px;
}

.location p {

  display: inline-block;
}

.circle.md-18{

  font-size: 12px;
  position: relative;
  top: 1px;
}

.links a {

  color: rgb(119, 123, 129);
  margin-right: 20px;
}

#country {

  font-size: 15px;
  border-right: 1px solid rgb(219, 225, 233);
  padding-right: 17px;
}

#location {

  padding-left: 12px;
}