@charset "utf-8";

/*
   Thrifty Mate
   CA1 Project
   
   Author:Keertikaa Manogarann
   Filename: tm_styles4.css

*/

/* HTML Styles */
html{
    background-image:url(whitebrick.jpg);
  
    }

/* Body Header Styles */
#logo img{
  width: 124px;
  height: 124px;
  position: absolute;
    top: 0px;
    right: 0px;
}
header {
  width: 1280px;
  background: rgb(224, 127, 140);
 position:absolute;
  height: 150px;
  top:0px;

}
h1 { 
  color: rgb(255, 255, 255);
  font-size: 3em;
text-align: center;
font-family: 'Racing Sans One', cursive;
display: block;
}

/*Navigation Bar*/       
.navbar {
  overflow: hidden;
  background-color: rgb(0, 0, 0);
 

}

.navbar a {
  
 
  color:rgb(255, 255, 255);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 25px;  
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  padding: 14px 16px;
  background-color: rgb(0, 0, 0);
  font-family: 'Teko', sans-serif;
 width:150px
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(115, 117, 116);
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:rgb(224, 127, 140);
  width: 150px;
  
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: rgb(255, 255, 255);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 22px;
}

.dropdown-content a:hover {
  background-color: rgb(122, 10, 23);
}

.dropdown:hover .dropdown-content {
  display: block;
}
 
/* Page Body Styles */ 
body{ 
  background-color: rgb(255, 255, 255);
  font-family: 'Teko', sans-serif;
  height: 750px;
   margin-left: auto;
   margin-right: auto;
   width:1280px;

}
/*Article Styles*/    
      h2{
        margin-top:200px;
        font-family: 'Racing Sans One', cursive;
        font-size: 40px;
      }
      h3{
        font-family: 'Montserrat', sans-serif;
        font-size: 30px
      }
      .container {
        min-width: 600px;
        max-width: 800px;
        margin: 0 auto;
        padding: 10px 10px;
        background-color:rgb(253, 253, 220);
        overflow: auto;
     }

     .results{
      font-family: 'Montserrat', sans-serif;
       font-size: 25px;
     }

      
 /* Footer Styles */      
      footer {
          position: fixed;
        width: 1280px;
        bottom:0;
          background-color: rgb(224, 127, 140);
          text-align: center;
          line-height: 50px;
          font-size: 25px;
        }
      
 /*selection styles*/
 ::selection {
  color:rgb(255, 255, 255);
  background: rgb(224, 127, 140);
}
/*footer hover effects styles*/
#footer:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}