@font-face{font-family:Noto Sans;src:url(NotoSans-Regular.f025e8fd.ttf)format("ttf"),url(NotoSans-Regular.f025e8fd.ttf)format("ttf");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans;src:url(NotoSans-Medium.2011eb57.ttf)format("ttf"),url(NotoSans-Medium.2011eb57.ttf)format("ttf");font-weight:500;font-style:normal}@font-face{font-family:Noto Sans;src:url(NotoSans-Bold.aa2b4453.ttf)format("ttf"),url(NotoSans-Bold.aa2b4453.ttf)format("ttf");font-weight:700;font-style:normal}body{color:#fbfdfe;background-color:#09153e;margin:0;padding:0;font-family:Noto Sans,sans-serif;font-size:14px}.container{max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 3rem}@media (width<=768px){.container{padding:1rem 2rem}}@media (width<=430px){.container{padding:.5rem 1rem}}.nav{background-color:#2f364b;border-radius:15px;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:2rem;margin-bottom:3rem;padding:1rem .6rem;display:flex}.nav__logo{align-items:center;display:flex}.nav__logo-img{filter:invert()sepia()saturate(5)hue-rotate(200deg);width:150px;height:auto;transition:color .3s}.nav__logo-img:hover{fill:#ededed}.nav__option{cursor:pointer;background-color:#545969;border:none;border-radius:15px;justify-content:center;align-items:center;width:45px;height:45px;padding:.5rem;transition:background-color .3s ease-in-out;display:flex}.nav__option:focus{outline-offset:1.5px;outline:2px solid #de473f}.nav__option-theme{width:24px;height:24px}@media (width<=768px){.nav{flex-flow:row;justify-content:space-between}.nav__logo{margin-bottom:0}.nav__option{width:35px;height:35px}}@media (width<=430px){.nav{flex-flow:row;justify-content:space-between}.nav__logo{margin-bottom:0}.nav__logo-img{width:120px}.nav__option{width:30px;height:30px}}.header{text-align:center;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}@media (width<=430px){.header{flex-direction:column;align-items:flex-start}}.header h1{color:#fbfdfe;font-size:1.5rem}.header__buttons{align-items:center;gap:.5rem;display:flex}.header__buttons-button{color:#d6e2f5;cursor:pointer;background-color:#2f364b;border:none;border-radius:13px;outline:1px solid #545969;padding:.5rem .7rem;transition:background-color .3s}.header__buttons-button:hover{background-color:#545969}.header__buttons-button:focus{outline-offset:1px;outline:2px solid #f25c54}.header__buttons-button.active{color:#2f364b;background-color:#f25c54}@media (width<=768px){.header h1{font-size:1.2rem}.header__buttons{flex-wrap:wrap}}@media (width<=430px){.header{flex-direction:column;align-items:flex-start}.header h1{font-size:1rem}}.cards{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.cards .card{text-align:center;color:#fbfdfe;background-color:#2f364b;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:130px;padding:.7rem;display:flex;box-shadow:0 4px 6px #0000001a}.cards .card .card{transition:opacity .3s,transform .3s}.cards .card__details{flex-direction:row;align-items:flex-start;gap:1rem;display:flex}.cards .card__details-icon img{width:50px;height:50px}.cards .card__details-text{text-align:left}.cards .card__details-text h2{font-size:1rem;font-weight:700;line-height:0%}.cards .card__details-text p{color:#c7c7c7;font-size:12px}@media (width<=768px){.cards .card{min-height:100px;padding:.5rem}}@media (width<=430px){.cards .card{min-height:80px;padding:.3rem}}@media (width<=768px){.cards{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (width<=430px){.cards{grid-template-columns:1fr;gap:.3rem}}.toggle{justify-content:space-between;display:flex}.toggle__remove{color:#d6e2f5;cursor:pointer;background-color:#212636;border:none;border-radius:13px;outline:1px solid #545969;justify-content:center;align-items:center;height:25px;padding:.5rem .7rem;font-size:12px;transition:background-color .3s;display:flex}.toggle__remove:focus{outline-offset:2px;outline:2px solid #de473f}.toggle__remove:hover{color:#2f364b;background-color:#f25c54}.toggle__remove:active{color:#fbfdfe;background-color:#212636}.toggle__button{background-color:#212636;border:none;border-radius:20px;align-items:center;width:40px;height:20px;padding:0;transition:background-color .3s,transform .3s;display:flex}.toggle__button:focus{outline-offset:1px;outline:2px solid #de473f}.toggle__icon{cursor:pointer;background-color:#fbfdfe;border-radius:50%;width:20px;height:18px;transition:opacity .3s}.toggle__icon--sun{opacity:1}.toggle__icon--moon{opacity:0}.toggle__button.active{background-color:#f25c54}.toggle__button.active .toggle__icon--sun{opacity:0}.toggle__button.active .toggle__icon--moon{opacity:1}@media (width<=430px){.toggle__button{width:30px;height:15px}.toggle__icon{width:15px;height:15px}}.attribution{text-align:center;margin-top:2rem;font-size:11px}.attribution a{color:#3e52a3;text-decoration:none}.attribution a:hover{text-decoration:underline}body.light-theme{color:#09153e;background-color:#d6e2f5}body.light-theme .nav{background-color:#fbfdfe}body.light-theme .nav__logo-img{filter:none}body.light-theme .nav__option{background-color:#d6e2f5}body.light-theme .nav__option:hover{background-color:#c7c7c7}body.light-theme .header__buttons-button{color:#09153e;background-color:#fbfdfe;outline:1px solid #c7c7c7}body.light-theme .header__buttons-button:hover{color:#c7c7c7}body.light-theme .header__buttons-button:focus{outline-offset:2px;outline:1px solid #f25c54}body.light-theme .header__buttons-button.active{color:#2f364b;background-color:#f25c54;outline:1px solid #de473f}body.light-theme .header h1{color:#09153e}body.light-theme .card{color:#09153e;background-color:#fbfdfe}body.light-theme .card__details-text p{color:#545969}body.light-theme .toggle__remove{color:#09153e;background-color:#d6e2f5;outline:1px solid #c7c7c7}body.light-theme .toggle__remove:focus{outline-offset:1px;outline:1px solid #f25c54}body.light-theme .toggle__button{background-color:#d6e2f5}body.light-theme .toggle__button.active{background-color:#f25c54;outline:1px solid #545969}body.light-theme .toggle__button.active:hover{outline:none}
/*# sourceMappingURL=path0.e7f8601c.css.map */