/* Import Google Font */
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);

/* RESET */
* {
  padding: 0;
  margin: 0;
  font-size: 1em;
  box-sizing: border-box;
  font-family: 'Nunito Sans';
  color: hsl(0, 0%, 50%);
 
}

a {
  color: hsl(0, 0%, 50%);
}

/* Containing areas */
.container { 
  width: 300px; 
  margin: 1em auto;
}
.ta-container {
  width: 100%;
  border: 1px solid hsl(0, 0%, 70%);
  border-radius: 0.25em;
  
}
.hasfocus {
  box-shadow: 0px 0px 6px hsl(0, 0%, 50%);
}

/* The textarea itself */
textarea { 
  padding: 0.25em;
  width: 100%;
  max-width: 100%;
  border: none;
  vertical-align:bottom;
  color: hsl(0, 0%, 50%);
  border-radius: 0.25em;
  outline: none;
}

/* The status bar */ 
.status-bar { 
  background: hsl(0, 0%, 90%);
  padding: 0.25em;
  text-align: right;
  font-family: sans-serif;
  font-size: 0.7em;
  width: 100%;
  color: hsl(0, 0%, 50%);
  border-radius: 0 0 0.25em 0.25em;
}
table { 
  width: auto;
  margin-left: auto;
  line-height: 1em;
}
.charcount, .remaining { 
  font-weight: bold;
}
.over {
  color: hsl(0, 80%, 60%);
}


/* The submit button */
.custom-select-triggerred {
  position: relative;
  display: block;
  

  padding: 0 10px 0 10px;
  font-size: 18px;
  font-weight: 500;
  
  color: #fff;
  line-height: 60px;
  background: hsl(0, 0%, 50%);
  border-radius: 4px;
  cursor: pointer;

}


button.round {
  background-color: white;
  color: black;
  border: none;
  font-size: 25px;
  height: 55px;
  width: 55px;
  margin-top:2px;
  border-radius: 50%;
}

    
button.round:active {
  box-shadow: 0 0 2px darkslategray;
  transform: translateY(2px);
}



#submitbtn, .submitbtn  {
  padding: 0.4em 1.2em;
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 60%);
  color: hsl(0, 0%, 50%);
  border-radius: 0.25em;
}
#submitbtn:enabled:hover, .submitbtn:enabled:hover {
  background: hsl(0, 0%, 90%);
}
#submitbtn:enabled:active, .submitbtn:enabled:active {
  background: hsl(0, 0%, 30%);
  color: hsl(0, 0%, 90%)
}
#submitbtn:disabled, .submitbtn:disabled { 
  border: 1px solid hsl(0, 0%, 90%);
  color: hsl(0, 0%, 90%);
}

#privacy {
  text-align:left;
}