*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* unvisited link */
a:link {
    color: rgb(0, 206, 48);
    text-decoration: none;
}

/* visited link */
a:visited {
    color: rgb(0, 206, 48);
}

/* mouse over link */
a:hover {
    color: rgb(200, 255, 0);
}

/* selected link */
a:active {
    color: rgb(0, 206, 48);
}

body{
	font-family:Arial;
    background-color:#0c0c0c;
    color:#cccccc;
    font-family:consolas, monospace;
    padding:0px;
    margin:0px;
}

#content {
    xborder:1px solid rgb(195, 195, 195);
    width:100%;
    max-width:800px;
    margin:auto;
    padding:5px;
    overflow-x:visible;
}

#title {
    xborder:1px solid grey;
    text-align: center;;
    font-size:2em;
    padding:10px;
}

#subtitle {
    xborder:1px solid grey;
    text-align: center;
    font-size:1em;
    color:grey;
    margin-bottom:10px;
    color:rgb(99, 99, 99);
}

#create-links-container{
    xborder:1px solid grey;
    margin:auto;
    text-align:center;
    cursor:pointer;
    color:grey;
}

/* checkbox elem */
#create-links {
    border:1px solid grey;
    
     
}

#create-links-container > label{
    xborder:1px solid grey;
    cursor:pointer;
    
}

#gen {
    width:300px;
    width:90%;
    height:100px;
    margin:20px auto 30px auto;
    cursor:pointer;
    font-size:1.5em;
    xfont-family:consolas, monospace;
    background-color:rgb(46, 46, 46);
    color:#cccccc;
    font-family:consolas, monospace;
    display:block;

}

#gen:active {
    color:#a3a3a3;
}


#urls {
    xborder:1px solid grey;
    max-height:200px;
    
    padding:10px;
    font-family:consolas, monospace;
    overflow-x:visible;
    overflow-y:hidden;
}

#urls > .item { 
    xborder:1px solid grey;
    padding: 5px;
    display:block;
    overflow-x:visible;
}

#urls > .item > div, #urls > .item > a {
    xborder:1px solid red;
}