@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

body {	

	background-color: #5E7C88;
	margin:0;
	font-family: 'Noto Sans', sans-serif;
}	
		/* 템플릿 */
		#menubar {
	        width:100%;
	        height:50px;
	        margin-bottom:20px;
	        background-color: #6C8E9C;
	    }

	    #menubar a {
	        text-decoration: none;
	    }

	    #teamname {
	        font-size::18px;
	        color:#363F45;
	        margin:15px 0px 0px 10px;
	        float:left;
	        font-family: 'Noto Sans', sans-serif;
	        font-weight: bold;
	    }

	    #credit {
	        font-size:12px;
	        color:#cccccc;
	        text-align: center;
	    }

		/* 그래프 */
            
        .canvas {
			width:98%;
			margin:0 auto;
		}

		.node rect {
		  cursor: move;
		  fill-opacity: .7;
		  shape-rendering: crispEdges;
		}
		 
		.node text {
		  pointer-events: none;
		  font-size:0.9em;
		  color:#2A2C2B;
		}
		 
		.link {
		  fill: none;
		  stroke: #ffffff;
		}

		
		/* 텍스트  */
		.container {
			margin:1% 0 0 2%;
		}


		.title {
			font-size:2em;
			font-weight: bold;
			color:#ffffff;
		}

		.explaintext {
			color:#cccccc;
			font-size:1.2em;
			font-family: 'Noto Sans', sans-serif;

		}

		.explaintext2 {
			color:#8BB8C9;
			font-size:0.9em;
			font-family: 'Noto Sans', sans-serif;
		}

/* ============================================== 모바일 */

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

	/* 템플릿 */
		#menubar {
	        width:100%;
	        height:50px;
	        margin-bottom:10px;
	    }

	    #menubar a {
	        text-decoration: none;
	    }

	    #teamname {
	        font-size:0.8em;
	        margin:15px 0px 0px 5px;
	        float:left;
	    }
		

	    #credit {
	        font-size:0.6em;
	        text-align: center;
	        
	    }
	    .container {
	    	width:98%;
			margin:1% 0 0 2%;
		}

		.canvas {
			width:90%;
			margin:0 auto;
		}


	    .title {
			font-size:1em;
			font-weight: bold;
			color:#ffffff;
		}

		.explaintext {
			color:#cccccc;
			font-size:0.8em;
			font-family: 'Noto Sans', sans-serif;

		}

		.explaintext2 {
			color:#8BB8C9;
			font-size:0.5em;
			font-family: 'Noto Sans', sans-serif;
		}



} /* 끝 */