@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);.demon-card{width:35rem;height:-moz-fit-content;height:fit-content;box-sizing:border-box;padding:1rem 3rem;background-color:#191919;border-radius:25px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-shadow:5px 5px 10px rgba(0,0,0,.5);gap:5rem;animation:fade-in 1s}@media (max-width:40rem){.demon-card{width:100%;gap:2rem;padding:1rem 2rem}}.demon-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.demon-card button{height:3rem;width:-moz-fit-content;width:fit-content;border-radius:1rem;border:none;font-size:1.25rem;font-weight:600;padding:0 1rem;box-shadow:5px 5px 10px rgba(0,0,0,.5);background-color:var(--main)}.demon-card button:hover{filter:brightness(.5);transition:filter .25s}.demon-card .demon-title{font-size:1.5rem;font-weight:600}@keyframes fade-in{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}.info-bar{width:-moz-fit-content;width:fit-content;height:5rem;background-color:#191919;position:fixed;bottom:5rem;left:50%;translate:-50% 0;border-radius:25px;box-shadow:0 5px 20px rgba(0,0,0,.5);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;padding:0 2rem;z-index:999}.info-bar .timer{font-size:3rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info-bar button{height:3rem;width:6rem;border-radius:1rem;border:none;font-size:1.25rem;font-weight:600;box-shadow:5px 5px 10px rgba(0,0,0,.5)}.info-bar button:hover{filter:brightness(.5);transition:filter .25s}.info-bar .start{background-color:var(--main)}.info-bar .pause{background-color:var(--red)}.info-bar .info-bar{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}:root{background-color:#0e0e0e;font-family:Rubik,sans-serif;color:#fff;--main:#00e25e;--red:#ff3c3c}body{margin:0;overflow-x:hidden}.main{height:-moz-fit-content;height:fit-content;width:100vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:7rem 0;gap:1rem}.main .title{font-size:3rem;font-weight:600;text-align:center;width:100%}.demons-container{height:-moz-fit-content;height:fit-content;width:100vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5rem 2rem;gap:2rem;box-sizing:border-box}