/*全画面の設定*/

    /*背景は黒、文字は白*/
        body{
            background-color: black;
            color: white;
        }


/*文字サイズと位置*/
    
    /**/
    h5{
        text-align: center;
    }

    /*div 主な表示*/
    .content{
        text-align: center;
    }

    /*div 範囲区切り 白い横棒として*/
    .whiteband{
        text-align: center;
        margin: 1px 0px;
        height: auto;
        background-color: #FFFFFF;
        color: #000000;
    }

    select{
        width:220px;
        height:20px;
    }

    /*p 周囲にスペース*/
    .space{
        padding: 5px;
    }


    /**/
    .displaylist{
        width: fit-content;
        margin: auto;
    }

    /*センター寄せ*/
    .center{
        text-align: center;
    }


/*ボタンのCSS*/

    /*参考リンク用*/
    .btn-border {
        display: inline-block;
        text-align: left;
        border: 2px solid #57f9ff;
        color: #57f9ff;
        text-decoration: none;
        padding: 4px 8px;
        border-radius: 4px;
        transition: .4s;
      }
      
      .btn-border:hover {
        background-color: #48d0d4;
        border-color: #57f9ff;
        color: #FFF;
      }



    /*選択した曲を反映させる*/
    .inputbutton{
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 1rem 4rem;
        width: 150px;
        height: 40px;
        margin: auto;
        font-weight: bold;
        border: 2px solid 7360e2;
        background: #7360e2;
        color: #fff;
        padding: 5px;
    }
    .inputbutton:hover {
        color: #7360e2;
        background: #fff;
    }

    /*Twitterを開く*/
    .sharebutton{
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 1rem 4rem;
        width: 150px;
        height: 40px;
        margin: auto;
        font-weight: bold;
        border: 2px solid #1da1f2;
        background: #1da1f2;
        color: #ffff;
        padding: 5px;
    }
    .sharebutton:hover {
        color: #1da1f2;
        background: #fff;
    }