@tailwind base;
@tailwind components;
@tailwind utilities;

nav.menu li {
    background-color: #ffffff;
    color: #000000;
    font-size: medium;
    padding: 14px 25px;
    margin-right: 5px;
    width: 200px;
    text-align: center;

}

nav.menu li:hover {
    background-color: #000;
    cursor: pointer;
    color: #1DB2FF;
}

nav.menu li.active {
    background-color: #1DB2FF;
    color: #ffffff;
}

.sub-heading {
    background-color: #000000;
}

.sub-heading:hover {
    color: #000000;
    background-color: #ffffff;
}

.view {
  width: 84%;
  background-color: #ffffff;
  margin-top: 27px;
  min-height: 415px; 
}

.dashboard{
    display: flex;
}