header{display:flex;flex-direction:row;padding:10px 20px;align-items:center;justify-content:space-between;background-color:#0f172a;color:#fff;z-index:10;height:60px}header .header_title{font-size:2rem}label{width:28px;height:20px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;z-index:11}label span{display:block;height:3px;width:100%;background-color:#fff;border-radius:2px;transition:.3s ease}nav{position:fixed;inset:60px 0 20px 0;background-color:#0f172a;transform:translateX(-100%);transition:transform .3s ease;display:flex;justify-content:center;align-items:center;z-index:12}nav ul{display:flex;flex-direction:column;gap:2rem;text-align:center;font-size:1.5rem;list-style:none}nav ul a{color:#fff;transition:color .2s ease-in-out;text-decoration:none}nav ul a:hover{color:#cfcfff}.menu-toggle{display:none}.menu-toggle:checked~nav{transform:translateX(0)}.menu-toggle:checked+label{z-index:13}.menu-toggle:checked+label .line1{transform:rotate(45deg) translate(6px, 6px)}.menu-toggle:checked+label .line2{opacity:0}.menu-toggle:checked+label .line3{transform:rotate(-45deg) translate(6px, -6px)}@media(min-width: 786px){header .menu-toggle_icon{display:none}header nav{position:static;transform:none;background-color:rgba(0,0,0,0)}header nav ul{flex-direction:row;gap:1.5rem;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{background:#e2e8f0;min-height:100dvh;display:flex;flex-direction:column}main .card-title{color:#0f172a}footer{margin-top:auto;background-color:#0f172a;color:#fff;padding:10px 20px}/*# sourceMappingURL=style.css.map */