body{
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  width: 100%;
  height: 100vh;
}
ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  background-color: rgba(var(--d87,255,255,255),1);
  border-bottom: 1px solid #dbdbdb;
  border-bottom: 1px solid rgba(var(--b6a,219,219,219),1);
}
#navbar{
  position: fixed;
  top: 0;
  width: 100%;
}

li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
footer ul{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  background-color: rgba(var(--d87,255,255,255),1);
  border-top: 1px solid #dbdbdb;
  border-top: 1px solid rgba(var(--b6a,219,219,219),1);
}
#logo {
  object-fit: contain;
  width: 109px;
  margin-top: 17px;
}

.fas,
.far {
  font-size: 26px;
  padding: 15px 10px;
}
.left-icon{
flex: 0.1;
}
.center-icon{
  display: flex;
  flex: 0.8;
  justify-content: center;
}
.right-icon {
 display: flex;
 flex-direction: row;
 flex: 0.1;
}
.svg {
  width: 26px;
  padding: 15px 10px;
}
#foot-icons{
  display: flex;
  justify-content: space-around;
}
#main{
  color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
}
.text{
  font-size: 49px;
  font-weight: 600;
}