index_style.css

body
{ height:100vh;
    display: grid;
    grid-template-rows: 10vh 80vh 10vh;
    margin:0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.links
{
    display: flex;
    flex-direction: row;
    justify-content: end;
  
    align-items: center;
}
.links a
{color:rgba(0,0,0,0.87);
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
    text-decoration-color: rgba(0,0,0,0.87);
}
 a:visited
{text-decoration: none;
    color:rgba(0,0,0,0.87);  
    text-decoration-color: rgba(0,0,0,0.87);
}
a:active
{text-decoration: none;
    color:rgba(0,0,0,0.87);
    text-decoration-color: rgba(0,0,0,0.87);
}
a:hover
{
    text-decoration: underline;
}

.search
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
}
.search img
{
   height:20%;
}

form
{
    display: flex;
    flex-direction: column;
}

.images img
{  
    height: 17vh;
}
.images
{
    color:#4285f4;
}

#textbox:hover
{
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}

form > input
{ margin-top: 10px;
margin-bottom: 15px;
width:38vw;
height: 5vh;
padding-left: 20px;
border-radius: 20px;
border-style: solid;
border-width: 1px;
}

.button
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.btn input
{ text-align: center;
  width:10vw;
  height:5vh;
  background-color: rgba(0,0,0,0.1);
  margin-left: 10px;
  margin-right: 10px;
  border-style: none;
  border-radius: 2px;
  color:#222;
}


footer
{  display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(112, 111, 111, 0.308);
}