@import "https://fonts.googleapis.com/css2?family=Delius&family=Geo:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--text-color:#eaeaea;--bg-color:#212428}::-webkit-scrollbar{display:none}*,html{box-sizing:border-box;margin:0;padding:0;font-family:Delius,sans-serif}body{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);justify-content:center;align-items:center;display:flex}@media (width>=501px){.Index{width:85dvw;height:90dvh}}@media (width<=500px){.Index{width:95dvw;height:95dvh}.Products{flex-direction:column;align-items:center}}.Index{text-align:center;border:2px solid #0ff;border-radius:20px;padding:20px;overflow:hidden auto;box-shadow:0 0 20px #0ff}.Index .profile{border:2px solid #0ff;border-radius:50%;width:100px;box-shadow:0 0 10px #0ff}.Index .name{text-shadow:0 0 5px #0ff;margin-top:-10px;font-family:Geo,sans-serif;font-size:3rem;font-weight:900}.Index .Link{width:250px;color:var(--text-color);border:2px solid #0ff;border-radius:5px;margin-top:20px;padding:10px 20px;font-size:1.5rem;font-weight:900;text-decoration:none;display:inline-block;box-shadow:0 0 10px #0ff}.Index .Link:hover{color:#000;box-shadow:none;background-color:#0ff;transition:all .3s}.SearchProduct{justify-content:center;align-items:center;width:250px;margin:20px auto 0;display:flex}.SearchProduct input{width:250px;color:var(--text-color);background-color:#0000;border:2px solid #0ff;border-right:none;border-radius:5px 0 0 5px;padding:10px}.SearchProduct input:focus{outline:none}.SearchProduct input::placeholder{color:var(--text-color)}.SearchProduct button{color:var(--text-color);cursor:pointer;background-color:#0000;border:2px solid #0ff;border-left:none;border-radius:0 5px 5px 0;padding:10px}.Index .group{justify-content:center;gap:20px;display:flex}.Index .group .Link{width:50px;height:50px;box-shadow:none;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;display:flex}.Index .group .Link:hover{color:#0ff;text-shadow:0 0 20px #0ff;background-color:#0000;transition:all .3s}.Products{justify-content:center;gap:20px;width:100%;margin-top:20px;display:flex}.Products .card{text-align:left;border:2px solid #0ff;border-radius:10px;flex-direction:column;width:250px;padding-bottom:10px;display:flex;overflow:hidden;box-shadow:0 0 10px #0ff}.Products .card img{object-fit:cover;width:250px;height:250px}.Products .card .desc{border-top:2px solid #0ff;flex-direction:column;align-items:flex-start;width:250px;padding-top:10px;padding-left:20px;padding-right:20px;display:flex}.Products .card .desc h2{text-overflow:ellipsis;white-space:nowrap;width:210px;font-size:1rem;font-weight:900;overflow:hidden}.Products .card .desc p{text-overflow:ellipsis;width:250px;font-size:.8rem;font-weight:100;overflow:hidden}.Products .card .desc .id span{font-weight:900}