tools.css

body{
	margin:0;
	width:100%;
	height:100%;
}

header{
	margin-top:0;
	clear:both;
	width:100%;
}
 #navbar{
	 display:-webkit-flex;
	 flex:1;
	 flex-direction:row;
	 position:fixed;
	 z-index:999;
	 justify-content:space-around;
	 background-color:black;
	 box-shadow:0 5px 5px grey;
	 width:100%;
	 overflow:hidden;
 }
 
 #navbar a{
	 text-decoration:none;
	 padding:15px;
	 font-size:25px;
	 color:white;
 }
 
 
 #main{
	position:absolute;
	height:calc(100% - 11%);
	width:100%;
	top:70px;
	background-color:lightblue;
 }
 
 #bidform{
	 display:block;
	 width:300px;
	 height:350px;
	 margin-left:545px;
	 margin-top:200px;
 }
 
 #amount{
	 width:250px;
	 height:30px;
	 padding:5px;
	 border:none;
	 border-bottom:2px dashed red;
	 background-color:transparent;
	 outline:none;
 }
 
 #amount::placeholder{
	 padding:5px;
	 color:white;
	 font-size:18px;
	 outline:none;
 }
 
 #bid{
	 margin-top:50px;
	 padding:10px;
	 width:100px;
	 color:white;
	 background-color:blue;
	 border:none;
	 border-radius:20px;
	 cursor:pointer;
 }
 
 #amount:focus ~ #bid{
	 cursor:pointer;
 }
 
 #amount:invalid ~ #bid{
	 cursor:not-allowed;
 }