html, body {
	background-color:purple;
	height: 100%;
}

.knotcontainer { 
	display:flex;
	justify-content: center;
	width:auto; 
	height:55px; 
	background-color:purple; 
	padding-top:100px; 
	padding-left:15px; 
	padding-right:15px; 
	margin-bottom: 5px;
        } 

.knotbox {
	float: left;
	width:100px;
	height:100px;
	margin: 5px;
	background-color:white;
	text-align: center;
	Position: relative;
	
		}

.dragtoobx {
	float: left;
	height:100px;
	width: 100px;
	border: solid thin black;
	margin: 5px;
	background-color:white;
	text-align: center;
	Position: relative;
	}
.attemptscontainer { 
	display:flex;
	justify-content: center;
	width:auto; 
	height:20px; 
	background-color:purple; 
	padding-top:50px; 
	padding-left:15px; 
	padding-right:15px; 
	margin-bottom: 5px;
        } 
.attempts {
	float: left;
	width:100px;
	height:50px;
	margin: 5px;
	background-color:white;
	text-align: center;
	Position: relative;
}