@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,300;1,400;1,500&display=swap);section#sign{align-items:center;background:#1a2038;display:flex;font-family:Roboto;height:100vh;justify-content:center}section#sign .container{background-color:#fff;border-radius:10px;display:flex;flex-flow:row wrap;height:400px;justify-content:space-between;max-width:650px;padding:12px}section#sign .container .image-content{align-items:center;background-color:#fafafa;display:flex;height:100%;justify-content:center;width:270px}section#sign .container img{width:200px}section#sign .container .form-login{align-self:center;padding:24px;width:350px}section#sign .container .form-login,section#sign .container form{display:flex;flex-direction:column;gap:24px}section#sign .container .form{display:flex;flex-direction:column;gap:20px}section#sign .container .form input{border:1px solid #ccc;border-radius:5px;padding:12px;width:100%}section#sign .container button{background-color:#1976d2;border:none;border-radius:3px;color:#fff;height:30px;padding:6 16px;width:56px}@media screen and (max-width:660px){section#sign .container{flex-direction:column;height:90%;justify-content:space-evenly;width:90%}section#sign .container .image-content{height:200px;width:100%}section#sign .container img{width:100%}section#sign .container .form-login{padding:12px;width:100%}}section#dashboard{font-family:Roboto;padding:12px}section#dashboard h3{font-size:24px}section#dashboard select{height:35px;width:290px}section#dashboard select option{font-size:14px}section#dashboard .search-konten{display:flex;flex-direction:column;gap:20px}section#dashboard .search-konten label{font-size:14px;font-weight:500}section#dashboard .search-konten .text-search{display:flex}section#dashboard .search-konten .search-icon{display:flex;gap:12px}section#dashboard .container-musik{display:flex;flex-flow:row wrap;margin-top:24px}@media screen and (max-width:668px){section#dashboard .search-konten .search-icon{flex-direction:column;gap:12px}section#dashboard select{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.mainContainer{background:#1f2a40;color:#fff;font-family:Roboto}.mainContainer .header-content{display:flex;justify-content:space-between;padding:12px}.mainContainer .pro-inner-item :hover{background-color:#868dfb!important}.mainContainer .pro-inner-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:12px}.mainContainer .pro-inner-item :hover{background-color:#868dfb}.mainContainer .content-profile{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:12px}.mainContainer .content-profile img{border-radius:50%;width:70px}.mainContainer .content-profile p{font-family:Roboto}
/*# sourceMappingURL=main.2a2059d3.css.map*/