section
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Arial',sans-serif;}

section{position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;}

section header {position: absolute;
top: 0;
width: 100%;
display: flex;
justify-content: flex-end;
padding: 15px;}

section header ul {display: flex;
justify-content: center;
align-items: center;}
.application {width: 30px;}

section header ul li {list-style: none;
margin-left: 20px;}

section head ul li a {color: #111;
text-decoration: none;
font-size: 13px;}

section header ul li button {background-color: #4584ef;
border: none;
outline: none;
padding: 8px 14px;
color: #fff;
font-size: 14px;
font-weight: 700;
border-radius: 3px; 
cursor: pointer;}

section .main {display: flex;
flex-direction: column;
justify-content: center;
width: 900px;
align-items: center;
position: relative;}

.google-buttons{display: flex;
  margin-top: 10px;
  margin-bottom: 30px;
flex-direction: row;}

.bullet{color: #555;
font-size: 14px;
margin: 0 5px;
padding: 8px 10px;
border: none;
cursor: pointer;
border-radius: 4px;
border: 1px solid transparent;
outline: none;}

section .main .searching {position: relative;
width: 500px;}

.like {width: 100%;
padding-top: 13px;
border-radius: 18px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 13px;
overflow-x: hidden;
overflow-y: hidden;

text-overflow: ellipsis;
border: none;
box-shadow: 1px 2px 35px rgba(0, 0, 0, 0.15);
}

input {background-color: var(--color-realbox-background);
  border-radius: var(--ntp-realbox-border-radius);
  color: var(--color-realbox-foreground);
  padding: 1px 82px 1px 52px;
  background-color: #FFFFFF;
  padding-inline-start: 100px;
}

.like::placeholder {padding-left: 30px;
  display: flex;
  align-items: center;
font-family: Arial;
font-size: 15px;
font-weight: 500;}

section .last{position: absolute;
align-items: center;
bottom: 0;
top: 5px;
padding-left: 15px;
padding-right: 15px;
opacity: 0;
transition: opacity 0.05s;}

section .main .searching:hover .last{opacity: 1;}


.camera {width: 25px;}

.two-icons {display: flex;
  bottom: 0;
  right: 0;
  top: 5px;
  position: absolute;
  column-gap: 20px;
cursor: pointer;
align-items: center;}

.icons-settings{display: flex;
    flex-direction: row;
  column-gap: 30px;}

  .icons-icon{display: flex;
  flex-direction: column;
color: #4584ef;
font-size: 12px;
row-gap: 5px;}

  
.icons-images {width: 30px;}
section .rowl2 ul{display: flex;}

section .rowl2 ul li{list-style: none;}

section .rowl2 ul li a{text-decoration: none;
font-size: 14px;
color: #5f6368;
margin-right: 25px;}

section .rowl2 ul:nth-child(li a) {text-decoration: none;
font-size: 14px;
color: #5f6368;
margin-left: 25px;
margin-right: 0px;}