@charset "UTF-8";
/* CSS Document */
@media (max-width: 870px) {
    .tables{
        width:90%!important;
    }
    .table{
        margin-top:10%;
        width:90%!important;
    }
}
/* roboto-mono-200 - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 200;
src: local(''),
   url('fonts/roboto-mono-v13-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-regular - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: local(''),
   url('fonts/roboto-mono-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-500 - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
src: local(''),
   url('fonts/roboto-mono-v13-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-700 - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: local(''),
   url('fonts/roboto-mono-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-200italic - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 200;
src: local(''),
   url('fonts/roboto-mono-v13-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-italic - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
src: local(''),
   url('fonts/roboto-mono-v13-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-700italic - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 700;
src: local(''),
   url('fonts/roboto-mono-v13-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-mono-500italic - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
src: local(''),
   url('fonts/roboto-mono-v13-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('fonts/roboto-mono-v13-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

p {
  font-family:'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-size:1em;
}
h1, h2 {
  font-family:'Roboto Mono';
  font-style: normal;
  font-weight: 700;
}
h2 {
    color: blue;
    font-size: 2em;
}
.tables {
    overflow:hidden;
    max-width: 250px;
    padding: 20px;
    -webkit-appearance: none !important;
    box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #E9EDF0;
    border-radius: 15px;
    box-sizing: border-box;
}
.table {
    width: 70%;
    padding: 20px;
    -webkit-appearance: none !important;
    box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #E9EDF0;
    border-radius: 15px;
    box-sizing: border-box;
}
input, textarea {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #E9EDF0;
    border-radius: 15px;
    display: block;
    max-width: 100%;
}
input[type='text'] {
    margin: 21px 0px;
    font-size:1.7em;
    font-family:'Roboto Mono';
    font-style: normal;
    font-weight: 700;
    border:none;
    padding: 10px;
    box-shadow: inset 20px 20px 40px rgba(211, 219, 230, 1);
    -moz-box-shadow: inset 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-box-shadow: inset 3px 3px 40px rgba(211, 219, 230, 1);
    min-width: 60%;
    max-width:100%;
    height:40px;
}
textarea {
    margin-top: 10px;
    font-size:13px;
    font-family:'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    border: none;
    padding: 10px;
    min-height:250px;
    min-width: 40%;
    box-shadow: inset 20px 20px 40px rgba(211, 219, 230, 1);
    -moz-box-shadow: inset 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-box-shadow: inset 3px 3px 10px rgba(211, 219, 230, 1);
}
form {
    min-width: 50%;
/*    margin: 0 auto;*/
}
a {
  font-family:'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  color:black;
  text-decoration:none;
  -webkit-appearance: none !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
a:hover {
  color: blue;
}
.feed {
    max-width: 100%;
    padding: 20px;
    -webkit-appearance: none !important;
    box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -moz-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    -webkit-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.6), -20px -20px 40px rgba(255, 255, 255, 1), 20px 20px 40px rgba(211, 219, 230, 1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #f7f3df;
    border-radius: 15px;
}