@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Aleo:ital,wght@0,100..900;1,100..900&family=Libre+Caslon+Condensed:ital,wght@0,400..700;1,400..700&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');


.container {
  display: grid;
  grid-template-areas:
    "header header"
    "txtInput sell"
    "teamSize Suport"
    "location Call"
    "messige Office1"
    "product Office2"
    "ChatSuport ChatSuport"
    ;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  border-style: outset;
  padding: 10px;
  border-radius: 25px;
    margin-left: 475px;
    margin-right: 475px;
  text-align: center;
  grid-template-rows: 1fr min-content;
    grid-template-columns: min-content min-content;
    row-gap: 0;
}

.container div {
  background-color: white;
  padding: 10px;
  font-family: Saira;
  
}
div.header{
  grid-area: header;
  text-align: center;
}
.container div.txtInput {
  
  grid-area: txtInput;
    background-color: rgb(208, 208, 225);
    border-color: rgb(208, 208, 225);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.container div.teamSize{
  grid-area: teamSize;
    background-color: rgb(208, 208, 225);
     border-color: rgb(208, 208, 225);
}

.container div.location{
  grid-area: location;
    background-color: rgb(208, 208, 225);
     border-color: rgb(208, 208, 225);
}

.container div.messige{
  grid-area: messige;
    background-color:  rgb(208, 208, 225);
     border-color: rgb(208, 208, 225);
}
.container div.product{
  grid-area: product;
    background-color: rgb(208, 208, 225);
     border-color: rgb(208, 208, 225);
         border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.container div.sell{
  grid-area: sell;
}

.container div.Suport{
  grid-area: Suport;
}

.container div.ChatSuport{
  grid-area: ChatSuport;
}
.container div.Call{
  grid-area: Call;
}

.container div.Office1{
  grid-area: Office1;
}

.container div.Office2{
  grid-area: Office2;
}


input {
    border-radius: 5px;
    font-family: Alego;
}