/* 1. 전체 배경  */

body {
    margin: 0;
    background-color:#222222;
}
/*   .nodelabel {
    font-family: sans-serif;
    font-size:11px;
    fill:#333333;
    cursor: pointer;
  } */

  path.link {
  fill: none;
  stroke: #777;
  stroke-opacity:0.6;
 
}

circle {
  fill: #888;
  stroke: none;
  stroke-width: 1.5px;
}

text {
  pointer-events: none;
}



    #menubar {
        width:100%;
        height:50px;
        background-color:#333333;
        margin-bottom:10px;

    }

    #menubar a {
        text-decoration: none;
    }


    /* 2. 마부작침 */
    #teamname {
        font-size::18px;
        color:#ffffff;
        font-family: sans-serif;
        margin:15px 0px 0px 10px;
        float:left;
    }

    /* 3. 버튼들 */
    .btns {
        width:140px;
        height:50px;
        float:right;
        margin:0 20px;
        cursor: pointer;
    }

    .btns p {
        font-size:16px;
        color:#cccccc;
        text-align: center;
        font-family: sans-serif;
        margin:15% 0;
    }


    .btns:hover p {
        color:#ffffff;
    }


   .articletext {
        font-family: sans-serif;
        font-size:16px;
        color:#cccccc;
    }
    
    #content {
        margin-left: 2%;
    }

    #credit {
       font-family: sans-serif;
        font-size:12px;
        color:#aaaaaa;
    }

    @media screen and (max-width: 639px) {

    /* 1. 전체 배경  */
    #menubar {
        width:100%;
        height:35px;
        background-color:rgba(0,0,0,0.7);
        margin-top:0;
        float:left;
    }



    #menubar a {
        text-decoration: none;
    }

    #teamname {
        font-family: sans-serif;
        font-weight:lighter;
        font-size:0.8em;
        color:#ffffff;
        text-align: center;
        margin-top:10px;
    }

    #canvas {
        width:98%;
    }
    
    #menubar img {
        width:30px;
        height:30px;
    }


    .articletext {
        font-size:0.3em;
    }
    
    #credit {
        font-size:0.3em;
    }
    /* 3. 버튼들 */
    .btns {
        width:60px;
        float:right;
        margin:10px 5px;
        cursor: pointer;
    }

    .btns p {
        font-size:0.6em;
        margin:5% 0;
    }
}