* {
    font-family: arial, sans-serif;
    padding: 0px;
    margin: 0px;
}

.container {
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

.header, .footer {
    display: flex;
    justify-content: space-between;
    margin: 15px
}

ul {
    list-style: none;
    display: flex;
    align-items: center;
}

li a {
    font-size: 14px;
    display: flex;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    color: rgb(59, 59, 59);
    
}

li a:hover {
    text-decoration: underline;
}

.left-side, .right-side {
    display: flex;
}

.right-side li a {
    font-size: 13px;
}

.app-icon {
    width: 24px;
    height: 24px;
}

.account-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.google-logo {
    display: flex;
    justify-content: center;
    padding-top: 0px;
} 

.search-wrapper {
    display: flex;
    justify-content: center;
}

#search-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-bar-container {
    display:flex;
    flex-direction: row;
    justfy-content: center;
    align-items: center;
    border-radius: 50px;
    margin: 20px;
    width: 582px;
    height: 44px;
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px solid rgb(192, 192, 192);
}

.search-magnify-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 44px;
    padding: 0px 0px 0px 7px;
}

.search-magnify-icon img {
    width: 20px;
    height: 20px;
}

.search-bar-input, .search-bar-input input {
    width: 100%;
    height: 34px;
    border: 0px;
}

.search-voice-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 44px;
    padding: 3px 13px 0px 0px;

}

.search-voice-icon img {
    width: 24px;
    height: 24px;
}

.search-google-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 584px;
    height: 58px;
}

.search-google-button button {
    width: 142px;
    height: 36px;
    background-color:rgb(248, 248, 248);
    border: 0px;
    border-radius: 3px;
    margin: 4px;
}

.footer {
    background-color:rgb(245, 245, 245);
    width: 100%;
    height: 46px;
    margin: 0 auto;
}

.google-footer-left, .google-footer-right {
    display: flex;
    padding: 0px 40px;
}

.google-footer-left li a, .google-footer-right li a {
    color:rgb(109, 109, 109);
    font-size: .94rem;
}