.dashboard{height:100vh;margin-top:0}.dashboard .dashboard-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard .bento-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 100px);display:flex}.dashboard .bento-wrapper .bento{background:var(--black);aspect-ratio:16/9;border:1px solid #80808073;border-radius:20px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:10px;width:950px;padding:10px;display:grid}.dashboard .bento-wrapper .bento .card{background:var(--black);cursor:pointer;border:1px solid #80808073;border-radius:10px;flex-direction:column;justify-content:space-between;transition:all .2s ease-in-out;display:flex;overflow:hidden}.dashboard .bento-wrapper .bento .card .top{padding:20px}.dashboard .bento-wrapper .bento .card .top h3{color:var(--white)}.dashboard .bento-wrapper .bento .card h1{color:var(--white);flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}.dashboard .bento-wrapper .bento .card h1 span{color:var(--white);font-size:6rem;font-weight:200;line-height:6rem}.dashboard .bento-wrapper .bento .card .bottom{z-index:1;justify-content:flex-end;padding:20px;display:flex;position:relative}.dashboard .bento-wrapper .bento .card .bottom:before{content:"";aspect-ratio:1;z-index:-1;filter:blur(60px);border-radius:100%;width:250px;position:absolute;bottom:50%;right:0;transform:translate(50%,50%)}.dashboard .bento-wrapper .bento .card:hover{transform:scale(1.02)rotate(2deg)}.dashboard .bento-wrapper .bento .card:hover .bottom:before{width:350px}.dashboard .bento-wrapper .bento .card.card1{background:#00ff8008;grid-area:1/1/2/3}.dashboard .bento-wrapper .bento .card.card1 .bottom:before{background:#00ff80af}.dashboard .bento-wrapper .bento .card.card2{background:#00c3ff08;grid-area:1/3/2/4}.dashboard .bento-wrapper .bento .card.card2 .bottom:before{background:#00c3ffaf}.dashboard .bento-wrapper .bento .card.card3{background:#ffe60008;grid-area:1/4/2/5}.dashboard .bento-wrapper .bento .card.card3 .bottom:before{background:#ffe600af}.dashboard .bento-wrapper .bento .card.card4{background:#ff000008;grid-area:2/1/3/2}.dashboard .bento-wrapper .bento .card.card4 .bottom:before{background:#ff0000af}.dashboard .bento-wrapper .bento .card.card5{background:#ff730008;grid-area:2/2/3/3}.dashboard .bento-wrapper .bento .card.card5 .bottom:before{background:#ff7300af}.dashboard .bento-wrapper .bento .card.card6{background:#cc00ff08;grid-area:2/3/3/5}.dashboard .bento-wrapper .bento .card.card6 .bottom:before{background:#cc00ffaf}