body{
    font-family: Roboto;
    margin: 0px;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

.pl-15{
    padding-left: 15px;
}


/* TopBar */
#topBar{
    display: flex;
    justify-content: flex-end;
    padding: 15px;
}

.linkTop{
    color: black;
}

#userDiv{
    width: 32px;
    height: 32px;
    color: white;
    background-color: black;
    text-align: center;
    font-size: 20px;
    border-radius: 20px;
    cursor: pointer;
    margin-top: -4px;
}

#userDiv:hover{
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.15);
    box-shadow: 0 0px 0 4px rgba(0,0,0,.15);
}

#appsDiv{
    width: 32px;
    height: 32px;
    margin-top: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#appsDiv:hover{
    background-color: rgba(0,0,0,.15);
    border-radius: 20px;
}

/* Center */
#centerDiv{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
}

#logo{
    width: 272px;
    height: 92px;
}

#searchbar{
    margin-top: 20px;
    border: 1px solid lightgray;
    border-radius: 20px;
    display: flex;
    height: 40px;
    width: 550px;
}

#searchbar:hover{
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0);
}

#searchbar input{
    border: none;
    outline: none;
    width: 90%;
}

.searchIcon{
    margin: 8px;
    color: gray;
}

#otherLanguage{
    font-family: arial,sans-serif;
    font-size: 13px;
}

#btnDiv{
    margin-top: 30px;
}

.btn{
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    border-radius: 4px;
    color: #3c4043;
    font-family: arial,sans-serif;
    font-size: 14px;
    padding: 10px 14px;
    cursor: pointer;
    margin: 4px;
}

.btn:hover{
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    background-color: #f8f9fa;
    border: 1px solid #dadce0;
}


/* Footer */

#footerDiv{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.footer{
    background-color: #f2f2f2;
}

.textFooter{
    color: #70757a;
    font-family: arial,sans-serif;
}

#firstFooter{
    padding: 1px 30px;
    border-bottom: 1px solid #dadce0;
    font-size: 14px;
}

#secondFooter{
    padding: 12px 30px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

#secondFooter a{
    margin-right: 20px;
}