form{display:flex;flex-direction:column;gap:0.5rem}form .actions{display:flex;justify-content:end;max-width:500px}input,.btn{align-items:center;border-radius:5px;display:flex;gap:0.25rem;font-size:1rem;padding:0.25rem .75rem}input span:first-of-type,.btn span:first-of-type{height:1rem;width:1rem}input:hover,input:focus,input:focus-visible,.btn:hover,.btn:focus,.btn:focus-visible{cursor:pointer;outline:none}.discreet{background-color:unset;border:1px solid #F81B84;color:#F81B84}.discreet svg path{fill:#F81B84}.discreet:hover,.discreet:focus,.discreet:focus-visible{background-color:#F81B84;border:1px solid #f2EEE2;box-shadow:2px 2px 4px rgba(242,238,226,0.5);color:#f2EEE2}.discreet:hover svg path,.discreet:focus svg path,.discreet:focus-visible svg path{fill:#f2EEE2}input[type=submit]{background-color:#F81B84;border:1px solid #F81B84;color:#f2EEE2}input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:focus-visible{background-color:#43C0F6;border:1px solid #43C0F6;border-radius:5px;box-shadow:2px 2px 4px rgba(67,192,246,0.5);cursor:pointer;color:#f2EEE2;outline:none}label{align-items:center;display:flex;gap:0.5rem;font-size:1rem;max-width:500px}input[type=text],input[type=email],input[type=password]{background-color:#f2EEE2;border:1px solid #f2EEE2;border-radius:5px;color:#F81B84;flex-grow:1;font-size:1rem;padding:0.25rem}input[type=text]:hover,input[type=text]:focus,input[type=text]:focus-visible,input[type=email]:hover,input[type=email]:focus,input[type=email]:focus-visible,input[type=password]:hover,input[type=password]:focus,input[type=password]:focus-visible{background-color:#f2EEE2;border:1px solid #F81B84;box-shadow:2px 2px 4px rgba(248,27,132,0.5);cursor:text;outline:none}.container-home{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2.5rem}.container-songs{max-width:400px;width:50%}@media (max-width: 450px){.container-songs{width:unset}}.container-code{max-width:400px;width:50%}.container-code img{max-width:400px}@media (max-width: 450px){.container-code{width:unset}.container-code img{max-width:250px}}#toggle-instructions{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:0.25rem;font-size:1rem;padding:0.25rem .75rem;background-color:transparent;border:1px solid #F81B84;color:#F81B84}body{background-color:#020035;margin:auto;padding:1rem}body table{width:100%}body table tr td:first-of-type{width:100%}body .alert:not(:empty){background-color:#F81B84;border:1px solid #F81B84;border-radius:5px;color:#f2EEE2;flex-grow:1;font-size:1rem;padding:0.25rem}body .notice:not(:empty){background-color:#f2EEE2;border:1px solid #f2EEE2;border-radius:5px;color:#F81B84;flex-grow:1;font-size:1rem;padding:0.25rem}body{color:#F5CE28;font-family:sans-serif}body a{color:#F5CE28;text-decoration:none}body a:hover,body a:focus{color:#F81B84;cursor:pointer;outline:none;text-decoration:underline}body h1{color:#F81B84;text-align:center}body p{color:beige}