*{color:#fff}.wrapper{display:flex;flex-direction:column;min-height:100vh}.contentContainer{flex-grow:1;display:grid;grid-template-columns:30% 70%;margin-top:40px;margin-bottom:40px}.sidePanel{margin-left:5%;grid-column:1;display:grid;grid-template-columns:1fr;grid-template-rows:7% 7% 25% 25% 25% 7%;grid-gap:10px;gap:10px;align-items:center;justify-items:center;height:100%}.displayName{font-size:3rem;width:100%;height:auto;text-align:center;word-wrap:break-word;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mainContent{grid-column:2;margin:0 5%}.profileCard{background-color:#2d2d2d;border-radius:20px;padding:10px;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-height:100%;overflow-y:auto;height:100%;text-align:left;position:relative}.editIcon{position:absolute;top:10px;right:10px;cursor:pointer}.custom-logout-btn,.modal-content{background-color:#2d2d2d}.custom-logout-btn{color:#fff;padding:10px 18px;font-size:17px;border-radius:8px}.custom-logout-btn:hover{background-color:#fff;color:#2d2d2d}.tabs{font-size:2rem;display:flex;justify-content:space-evenly}.tabs:hover{cursor:pointer}.activeTab{border-bottom:1px solid #fff}.projects{height:70vh;width:100%;margin:3%;overflow-y:auto}