body{box-sizing:border-box;color:#fff;font-family:Rubik,sans-serif;font-size:18px;margin:0;padding:0}.App{align-items:center;background:#0f1424;display:flex;height:100vh;justify-content:center}@media (max-width:375px){.App{height:100%;width:100%}}.dashboard{display:flex;height:515px;width:auto}@media (max-width:375px){.dashboard{display:flex;flex-direction:column;height:auto;padding-top:20px}}.profile{background-color:#1c1f4a;height:100%;margin-right:30px;width:270px}.profile,.top{border-radius:20px}.top{background-color:#5847eb;min-height:62%;padding-left:35px;padding-top:35px}.top img{border:3px solid #fff;border-radius:100%;width:80px}.top p{color:#bdc1ff;font-size:15px;margin-bottom:0;padding-top:12px}h1{font-size:2.3em;font-weight:300;margin-top:2px;width:50px}.when{color:#6f76c8;padding-left:35px;padding-top:7px}p{margin-top:20px}.when>p:hover{color:#fff;cursor:pointer}@media (max-width:375px){.profile{height:auto;margin:0 0 20px;width:100%}.when{height:20%;justify-content:space-around;padding:0}.top,.when{display:flex}.top{align-items:center;background-color:#5847eb;border-radius:20px;height:70%;padding-bottom:20px;padding-left:35px;padding-top:20px}.top>img{height:70px;margin-right:20px;width:70px}.top h1{font-size:24px;width:auto}}.cards{grid-row-gap:20px;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:20px}@media (max-width:375px){.cards{display:flex;flex-direction:column}}.card{background-position-x:150px;background-position-y:-12px;background-repeat:no-repeat;border-radius:20px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;display:flex;flex-direction:column;height:240px;justify-content:space-between;width:260px}.info{background-color:#1c1f4a;border-radius:20px;font-weight:500;height:79%;padding-left:30px;padding-right:30px;padding-top:10px}.info:hover{background-color:#34397b;cursor:pointer}.info .subject{align-items:center;display:flex;justify-content:space-between}.info h1{font-size:3.5rem;margin-bottom:0}.info .hours{color:#bdc1ff;font-size:16px;font-weight:300;margin-top:10px}@media (max-width:375px){.card{background-position-x:240px;background-position-y:-12px;height:180px;width:100%}.info{height:130px}.info>h1{font-size:38px}.info>h1,.info>p{display:inline-block}.info>p{margin-left:100px}}
/*# sourceMappingURL=main.6292cecd.css.map*/