@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";hr{stroke-width:1px;stroke:#00000080;filter:drop-shadow(0px 0px 8px rgba(0,0,0,.25))}.dashboardTitle{display:none}.dashboardTopRow{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5%}.dashboardTopColumn{display:flex;flex-direction:column;align-items:center}.profileCard{margin:1rem 0;width:50rem;min-height:20rem;flex-shrink:0;border-radius:35px;background:#CCC;display:flex;flex-direction:column}.profileCard .topHalf{display:flex;align-items:center;margin:4% 0 2%}.profileCard .topHalf img{margin:0 2%}.profileCard .topHalf .text h1{color:#000;font-family:Outfit,sans-serif;font-size:2rem;font-weight:600;margin:0}.profileCard .topHalf .btn{background-color:#d9d9d9;padding:1% 2%;border-radius:24px;box-shadow:0 4px #8a8a8a;border:none;transition:.4s;margin-left:auto;margin-right:5%}.profileCard .topHalf .btn p{margin:0;display:flex;justify-content:center;color:#595858;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.profileCard .topHalf .btn:hover{box-shadow:0 5px 2px 1px #c5c5c5}.profileCard hr{width:100%;border:none;background:rgba(0,0,0,.2)}.profileCard .bottomHalf{display:flex;flex-wrap:wrap;align-items:flex-start;margin:2% 0 0 10%}.profileCard .bottomHalf .container{display:flex;gap:30px;align-items:center;margin-right:auto}.profileCard .bottomHalf .container img{width:40px;margin-top:1%}.profileCard .bottomHalf .container .text{display:flex;flex-direction:column;gap:5px}.profileCard .bottomHalf .container .text h1{max-width:170px;color:#000;font-family:Outfit,sans-serif;font-size:24px;font-weight:600;margin:0}.profileCard .bottomHalf .container .text p{color:#595858;text-align:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;margin:0}.profileCard .bottomHalf .container .text a{color:#c152e2;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;margin-top:4px}.controlBar{display:flex;gap:4%}.controlBar>div{min-height:6rem;border-radius:35px;background:#CCC}.controlBar>div .container{display:flex;gap:11px;margin:13px 0 21px 38px;width:10rem}.controlBar>div .container img{width:30px;height:30px;margin-top:8%}.controlBar>div .container .text h1{color:#000;font-family:Outfit,sans-serif;font-size:24px;font-weight:600;margin:0}.controlBar>div .container .text p{color:#686868;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;margin:0}.controlBar>div .container .text a{color:#c152e2;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;margin-top:7px}.notificationsCard{max-width:95%;width:40rem;min-height:23rem;max-height:33rem;border-radius:35px;background:#CCC;margin-top:2%}.notificationsCard .title{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.notificationsCard .title h1{color:#000;font-family:Outfit,sans-serif;font-size:36px;font-weight:500;margin-left:28px}.notificationsCard .title a{color:#c152e2;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;margin-right:32px}.notificationsCard .table{display:flex;flex-direction:column;max-height:350px;overflow-y:scroll;overflow-x:hidden}.notificationsCard .table::-webkit-scrollbar{width:24px;border-radius:15px;background:#BDBCBC}.notificationsCard .table::-webkit-scrollbar-thumb{width:20px;border-radius:15px;background:#8B8A8A}.notificationsCard .table .noti{display:flex;align-items:center;justify-content:space-between}.notificationsCard .table .noti p{color:#919192;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;margin-right:35px}.notificationsCard .table .noti h2{max-width:320px;max-height:50px;color:#000;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;margin-left:33px}@media only screen and (max-width: 600px){.profileCard,.notificationsCard{width:auto}.dashboardTitle{display:flex;flex-direction:row;color:#000;font-family:Outfit,sans-serif;font-size:3rem;font-weight:600;margin:auto 0}.controlBar{margin:16px;flex-wrap:wrap}.controlBar>div{width:48%}.profileCard .topHalf .btn{display:none}.profileCard .bottomHalf .container{margin-bottom:10%}.controlBar>div .container img{display:none}.profileCard .topHalf .text h1,.controlBar>div .container .text h1{font-size:1.3rem}.dashboardTopRow{margin-top:0%}}@media only screen and (min-width: 601px) and (max-width: 1024px){.profileCard,.notificationsCard{width:50rem}.dashboardTitle{display:flex;color:#000;font-family:Outfit,sans-serif;font-size:4rem;font-weight:600;margin:auto 0}.controlBar{margin:16px;flex-wrap:wrap}.controlBar>div{width:48%}.profileCard .topHalf .btn{display:none}.controlBar>div .container img{display:block}.profileCard .topHalf .text h1{font-size:2rem}.controlBar>div .container .text h1{font-size:1.3rem}.dashboardTopRow{margin-top:0%}}