html, body {
  font-family: 100%; overscroll-behavior: none; line-height: 1.6; font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; 
  background-color: whitesmoke;
  margin: 0 auto;
}


* {font-family: calibri; box-sizing: border-box; user-select: none;}

p, span, ul, ol, li, td, th, a, input, textarea, select { font-size: 1rem;}

small {font-family: 'Courier New', Courier, monospace;}
input, textarea { background-color: transparent; color: #797979; border: 0; }
input { height: 40px; padding: 10px; }
textarea { height: 100%; width: 100%; padding: 15px; resize: none; background-color: hsl(0, 0%, 20%); background-color: transparent; border-radius: 10px;}

input::placeholder, textarea::placeholder {color: hsl(0, 0%, 27%);}
input:focus, textarea:focus {color: rgb(177, 177, 177); outline: none;}

button {border: 0;}
button:active {color: orange;}