.dashboard{height:100vh;margin-top:0}.dashboard .dashboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard .bento-wrapper{width:100%;height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.dashboard .bento-wrapper .bento{background:var(--black);width:950px;aspect-ratio:16/9;border-radius:20px;padding:10px;border:1px solid hsla(0,0%,50%,.452);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;gap:10px}.dashboard .bento-wrapper .bento .card{background:var(--black);border-radius:10px;border:1px solid hsla(0,0%,50%,.452);cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.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);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bento-wrapper .bento .card h1 span{font-size:6rem;line-height:6rem;font-weight:200;color:var(--white)}.dashboard .bento-wrapper .bento .card .bottom{display:flex;justify-content:flex-end;position:relative;padding:20px;z-index:1}.dashboard .bento-wrapper .bento .card .bottom:before{content:"";width:250px;aspect-ratio:1/1;position:absolute;bottom:50%;right:0;transform:translate(50%,50%);border-radius:100%;z-index:-1;filter:blur(60px)}.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{grid-area:1/1/2/3;background:rgba(0,255,128,.03)}.dashboard .bento-wrapper .bento .card.card1 .bottom:before{background:rgba(0,255,128,.685)}.dashboard .bento-wrapper .bento .card.card2{grid-area:1/3/2/4;background:rgba(0,195,255,.03)}.dashboard .bento-wrapper .bento .card.card2 .bottom:before{background:rgba(0,195,255,.685)}.dashboard .bento-wrapper .bento .card.card3{grid-area:1/4/2/5;background:rgba(255,230,0,.03)}.dashboard .bento-wrapper .bento .card.card3 .bottom:before{background:rgba(255,230,0,.685)}.dashboard .bento-wrapper .bento .card.card4{grid-area:2/1/3/2;background:rgba(255,0,0,.03)}.dashboard .bento-wrapper .bento .card.card4 .bottom:before{background:rgba(255,0,0,.685)}.dashboard .bento-wrapper .bento .card.card5{grid-area:2/2/3/3;background:rgba(255,115,0,.03)}.dashboard .bento-wrapper .bento .card.card5 .bottom:before{background:rgba(255,115,0,.685)}.dashboard .bento-wrapper .bento .card.card6{grid-area:2/3/3/5;background:rgba(204,0,255,.03)}.dashboard .bento-wrapper .bento .card.card6 .bottom:before{background:rgba(204,0,255,.685)}