.container{display:flex;align-items:center;height:100%}.MuiButton-outlinedPrimary{color:#000!important;border:1px solid black!important}.MuiTabPanel-root{width:100%;height:100%}.search{padding:1rem;max-width:600px}.searchContainer{display:flex;justify-content:space-between;width:100%}#invite{background-color:#236db3;padding:1rem;margin-left:1rem;border:none;cursor:pointer;border-radius:5px;color:#fff}#invite:hover{background-color:#1a5185}.foot{display:flex;justify-content:space-between}#learn{opacity:50%;text-decoration:none;color:#000;padding:.5rem;border-radius:10px}#learn:hover{background-color:#696969;transition:.7s}#link{text-decoration:none;color:#000;padding:.5rem;border-radius:10px}#link:hover{background-color:#d2cbcb;transition:.7s}.root{max-width:600px;margin:0 auto}@media (max-width: 768px){.root{max-width:400px}}@media (max-width: 480px){.root{max-width:300px}}#link-id{padding:.5rem}#link-button{padding:.5rem;border-radius:5px}.option{display:flex;align-items:center;justify-content:space-between;padding:.3rem}.publish-buttons{display:flex;align-items:center;justify-content:center}#view{width:50%;margin:.5rem;padding:.5rem;background-color:#236db3;color:#fff;border:none;border-radius:5px;cursor:pointer}#unpublish:hover{background-color:#a9a2a2;transition:.4s}#unpublish{cursor:pointer;margin:.5rem;padding:.5rem;width:50%;background-color:#fff;border:1px solid gray;border-radius:5px}#view:hover{background-color:#1a5185;transition:.4s}