* {
   padding: 0;
   margin: 0;
   font-family: "Nunito";
}

body {
   background: #f5f5f5;
}

.welcome {
   font-size: 8vh;
   margin: 2vh;
   text-align: center;
   color: #75e84d;
   text-shadow: .2vh .2vh .4vh #bbb;
   font-weight: 300;
}

.image-grid {
   display: grid;
   grid-template-columns: 25% 25% 25% 25%;
}

.img-parent {
   margin: 2vh;
   display: grid;
   grid-template-columns: 50% 50%;
}

.img-parent p {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 3vh;
   color: #31a7f7;
   text-shadow: .05vh .05vh .2vh #bbb;
}

.image {
   height: 15vh;
}

hr {
   margin: 2vh auto;
   width: 98%;
   border: solid .4vh #75e84d;
   background-color: #75e84d;
   border-radius: 1vh;
}

.search-bar {
   height: 5vh;
   width: 100%;
   border: none;
   border-radius: 1vh;
   margin: 1vh auto;
   padding: .5vh;
   box-sizing: border-box;
   background-color: #fff;
   color: #60baf7;
   transition: .2s;
}

.search-bar::placeholder {
   color: #72bef1;
}

.search-bar:focus {
   outline: none;
}