*{margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{font-size: 62.5%;}
body{font-size: 1.3rem;
    font-family: Arial, Helvetica, sans-serif;
}
a{cursor: pointer;
    text-decoration: none;
}
header{width: 100%;
    height: 6rem;
}
header nav{display: flex;
    justify-content: flex-end;
}
header nav .nav-right-section{display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 25rem;
    height: auto;
    list-style: none;
    margin-top: 1.5rem;
}
nav .nav-right-section a{margin-right: 1rem;
    color: black;
}
nav .nav-right-section .menu-icon{background-position: center;
    background-size: contain;
    width: 2rem;
    height: 2rem;
}
nav .nav-right-section .profile-image{border-radius: 50%;
    margin-left: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    object-fit: cover;
}
main{margin-top: 15rem;
    text-align: center;
}
main .main-logo-section{width: 53rem;
    margin: 0 auto;
    margin-bottom: 3.5rem;
}
main .main-logo-section img{width: 30rem;}
main .main-input-section{width: 53rem;
    margin: 0 auto;
    margin-bottom: 3.5rem;
}
main .main-input-container{width: 52.5rem;
    border-radius: 10rem;
    border: 0.1rem solid #dfe1e5;
    height: 4.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
main .main-input-container input{border: none;
    width: 45rem;
    height: 4.3rem;
    outline: none;
}
main .main-input-container:hover{box-shadow: 0 0.1rem 0.6rem 0 #20212447;
    border-color: #dfe1e500;
}
main .main-input-section .search-icon{background-image: url('../assets/google-search.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;;
    width: 2.7rem;
    height: 2.7rem;
    cursor: pointer;
    opacity: 0.4;
}
main .main-input-section .micro-icon{background-image: url('../assets/google-search-voice.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 2.7rem;
    height: 2.7rem;
    cursor: pointer;
}
main .main-buttons-section{width: 53rem;
    margin: 0 auto;
}
main .main-buttons-section div{display: inline-block;}
main .main-buttons-section button{height: 3.6rem;
    background-color: #f2f2f2;
    border: none;
    font-size: 1.4rem;
    color: #5f6368;
    border-radius: 0.5rem;
    padding: 0 1.5rem;
    margin-right: 1.5rem;
}
main .main-buttons-section button:hover{border: 0.1rem solid #c6c6c6;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    color: #222;
    background-color: #f8f8f8;
    cursor: pointer;
}
footer{width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    font-size: 1.3rem;
    background-color: #f2f2f2;
    border-top: 0.1rem solid #e4e4e4;
}
footer ul{margin: 1rem;
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0;
}
footer .footer-left{justify-self: left;}
footer .footer-right{justify-self: right;}
footer ul li a{text-decoration: none;
    margin: 1rem;
    color: #5f6368;
}