@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700;800;900;1000&display=swap";*{margin:0;padding:0;font-family:Nunito Sans,sans-serif;color:#4f515a}body{background-color:#fafafa}a{text-decoration:none}button,.btn{background:#ebebeb;border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block;transition:all .3s}button:hover,button .btn:hover,.btn:hover,.btn .btn:hover{background:#4f515a;color:#fff;transform:translateY(-1px)}button:active,button .btn:active,.btn:active,.btn .btn:active{transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.5;color:#4f515a;background:#ebebeb;cursor:not-allowed}form{max-width:400px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px #3232320d;border:1px solid #ebebeb;background:white}input,textarea{border:0;border-bottom:1px solid #ebebeb;padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:#da0f41;font-size:14px;margin:16px 0}.navbar{padding:16px 10px;margin-bottom:60px;background:#fff;border-radius:0 0 5px 5px;border-bottom:1px solid #ebebeb}.navbar nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.navbar__logo{display:flex;align-items:center}.navbar__logo img{max-height:60px;margin-left:10px}.navbar__logo h1{margin-left:10px}.navbar__links{margin-right:5px;display:flex;gap:15px}.navbar__links a,.navbar__links button{margin-left:15px}.navbar__links .btn-playlist{font-size:13px;background:none}.navbar__links .btn-playlist:hover{background:none;color:#000}.navbar .disabled{opacity:.5;cursor:not-allowed}.navbar span{font-size:14px;display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid #eee}.content{margin:0 auto;max-width:1200px;padding:0 20px}