/* this page includes css  for header section page */
.main {
  display: flex;
  flex-direction: column;
}
.main__header {
  display: flex;
  justify-content: space-between;
  border: 1px solid black;
  background: #6264a7;
  text-align: center;
  font-size: 20px;
  -webkit-app-region: drag;
  color: white;
  width: 100vw;
  height: 10vh;
  padding: 10px 10px;
}
.logout {
  display: flex;
  justify-content: space-around;
}
.logout a {
  text-decoration: none;
  color: white;
}
.logout a:hover {
  text-decoration: none;
  color: white;
}

.main__menu {
  display: flex;
  height: 90vh;
}



.main__right {
  display: flex;
  flex-direction: column;
  background-color: #f5f6fa;
  background-color: black;
  border: 2px solid black;
  flex: 0.32;
  height: 90vh;
  box-shadow: 0 50px 200px #6264a7;
}

.main__rightheader {
  padding-top: 5px;
  color: #6264a7;
  text-align: center;
}



.row {
  display: flex;
  justify-content: space-around;
}


#icon {
  padding: 3px;
  color: white;
}