body{margin:0;padding:0%;background-color:#040e1b;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none}#root{position:relative}::-webkit-scrollbar{width:0}.container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow-y:scroll;box-sizing:border-box;background-color:#04101e31;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.particle{height:200px;width:200px;position:absolute;border-radius:50%}.particle1{top:calc(100vh - 200px);background-color:#ff45a5;animation:particle_1_anim 30s linear infinite;box-shadow:0 0 200px 10px #ff45a5}.particle2{right:0;background-color:#0f03f1;animation:particle_2_anim 30s linear infinite;box-shadow:0 0 200px 10px #0f03f1}@keyframes particle_1_anim{0%{left:0;top:calc(100vh - 200px)}25%{left:30%}50%{left:0;top:0}75%{left:30%}to{left:0;top:calc(100vh - 200px)}}@keyframes particle_2_anim{0%{right:0;top:calc(100vh - 200px)}25%{right:30%}50%{right:0;top:0}75%{right:30%}to{right:0;top:calc(100vh - 200px)}}header{display:flex;flex-direction:row;align-items:center;place-content:flex-start;gap:20px;color:#fff;padding:20px 10%;background-color:#092c4471;box-shadow:0 0 15px #021a36}header img{height:45px;border-radius:50%;border:2px solid}.cards-container{color:#fff;width:80%;margin:50px auto;display:flex;flex-direction:column;gap:30px;align-items:center}.cards-container .card{width:100%;padding:20px;display:flex;flex-direction:row;align-items:center;gap:20px;border-radius:10px;cursor:pointer;border:2px solid transparent;background-color:#1e053c7f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cards-container .card:hover{border:2px solid rgb(181,124,25)}.cards-container .card img{background-color:#fff;border-radius:50%}