body {
font-family:monospace;
font-size:16px;
background-color: #000;
color: #7FFF00;
padding: 20px;
}
h1{
}
.sub{
    color: red;
}
.addr {
width:30px;
height: 20px;
color: blue;
}
.result {
border-bottom: 1px solid red;
padding: 6px;
color: aliceblue
}
.result:hover{
    color: black;
    cursor: pointer;
}
.result .label {
display:inline-block;
width:200px;
background: red;
padding: 6px;
}
button {
    background:red;
	color:#FFF;
	width:100px;
	padding:2px;
	margin-top:10px;
    margin-left: 30px;
	border:0;
    border-radius: 5px;
	font-size:20px;
	font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
}
button:hover{
    cursor: pointer;
    background: #fff;
    color: red;
}
#resIP , #resBinIP , #resMask , #resClass , #resNet , #resBC , #resRange , #resBinMask , #resBinNet   
 , #resBinBC
{
    color: #7FFF00;
}
#resIP:hover , #resBinIP:hover , #resMask:hover , #resClass:hover , #resNet:hover , #resBC:hover , #resRange:hover , #resBinMask:hover , #resBinNet:hover   
 , #resBinBC:hover
{
    color: aliceblue;
    cursor: pointer;
}

#article {
    padding: 10% 10% 0;
}

a {
    color:yellow;
}