#dashboard{
   height:100%;
   position:relative;
   background-color:lightgrey;
   overflow:auto;
   display:none;
}
#add_project{
   background-image:url('logos/add.png'); 
   background-size: 55% 85%;
   background-repeat: no-repeat;
   background-position: center; 
}
#dashboard > div{
   position:relative;
   background-color:white;
   width:390px;
   height:220px;
   border-radius:5px;
   cursor:pointer;
   float:left;
   margin-left:20px;
   margin-top:20px;
   overflow:hidden;
}
#dashboard > div > div{
   position:absolute;
   background-color:white;
   width:100%;
   height:100%;
   border-radius:5px;
   overflow:hidden;
}
#dashboard > div > p{
   position:absolute;
   background-color:darkgray;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
   height:25px;
   width:100%;
   padding-left:20px;
   padding-top:6px;
   margin-top:190px;
   font-size:92%;
   cursor:context-menu;
   font-family:"Comic Sans MS", cursive, sans-serif;
}
#dashboard > div > input{
   position:absolute;
   background-color:transparent;
   outline:none;
   border:0px solid white;
   border-bottom:1px solid black;
   margin-left:18px;
   padding-left:2px;
   margin-top:195px;
   font-size:92%;
   font-family:"Comic Sans MS", cursive, sans-serif;
   width:330px;
}
#website_name_placeholder_input_done
{
   position:absolute;
   background-color:transparent;
   border:0px solid white;
   border-bottom:1px solid black;
   left:348px;
   text-align:center;
   width:25px;
   height:20px;
   padding-bottom:7px;
   margin-top:190px;
   font-size:128%;
   cursor:context-menu;
   font-family:"Comic Sans MS", cursive, sans-serif;
}
#copy_url{
  position:absolute;
  width:25px;
  height:21px;
  cursor:pointer;
  background-color:darkgray;
  top:194px;
  left:318px;
  cursor:context-menu;
}
#edit_website_name{
  position:absolute;
  width:20px;
  height:20px;
  cursor:pointer;
  background-color:black;
  top:196px;
  left:355px;
  box-shadow:inset 0px 0px 0px 1px darkgray;
  cursor:context-menu;
}

#copy_url_input{
   position:absolute;
   opacity:0;
   cursor:context-menu;
   //display:none;
}
  
#remove_website
{
	position:absolute;
	width:27px;
	height:26px;
	margin-top:10px;
	left:10px;
	margin-bottom:20px;
	overflow:hidden;
	background-color:red;
	border-radius:20px;
	cursor:context-menu;
}
#remove_website img
{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	top:2px;
	left:4px;
	cursor:pointer;
}
#remove_website p
{
	position:relative;
	float:left;
	top:-15px;
	left:12px;
	width:60px;
   font-family:"Comic Sans MS", cursive, sans-serif;
}
  
@media screen and (max-width:320px){
	#dashboard div{
	   width:100%;
	   margin-left:0;
	}
}