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

	body {
		overflow:hidden;
	}

	#content {
		xborder:1px solid rgb(195, 195, 195);
		width:100%;
		max-width:100vw;
		padding:5px
	}

	#title {
		font-size:1.5em;
		padding:10px;
	}

	#top-container {
		xborder:1px solid grey;
		display: flex;
		align-items: center;
		vertical-align: middle;
		justify-content: space-evenly;
	}

	#subtitle {
		xborder:1px solid grey;
		margin-bottom:0px;
		display:inline-block;
		width:50vw;
		text-align:left;
		padding-left:5px;
		font-style: normal;
		height:100%;

	}

	#create-links-container{
		xborder:1px solid grey;
		width:40vw;
		padding:5px;
		background-color:rgba(0,0,0,0.2);
		border-radius:3px;
		display: inline-flex;
		align-items: center;
		text-align:left;
		margin:0px;
	}

	#create-links-container > label {
		margin-left:5px;
	}

	#gen {
		width:95vw;
		height:150px;
		margin:0px auto 5px auto;
		display:block;
		position:fixed;
		bottom:0;
	}

	#urls {
		xborder:1px solid grey;
		max-height:500px;
		max-height:50vh;
		overflow:hidden;
		padding:0px;
		font-family:consolas, monospace;
	}

	#urls > .item { 
		padding: 5px;
		margin-bottom:10px;
	}

}