body {
   background: #B2DFDB;
   padding: 1.5%;
   margin:0;
   font-family: 'Josefin Sans', sans-serif;
   font-size: 20px;
}

.question {
   height: 15vh;
   width:100%;
    color: #000000;
}

.answer {
   position: fixed;
   height: 83%;
   width:97%;
   overflow: none;
    background: #80CBC4;
   color: #000000;
}

.numberInput {
   display: block;
   outline: none;
   -webkit-appearance: none;
   border: none;

   border-bottom: 2px solid black;
   background-color: transparent;
   width: 100%;
   padding: 2vh 0;
}


.results {
   background: none;
   width: 100%;
   border: none;
   text-transform: capitalize;
   height: 100%;
   position: relative;
   resize: none;
   user-select: all;
   overflow-x: none;
}

.results:active {

}

::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #000000;
   letter-spacing: -1px;
}

::-moz-placeholder {
   /* Firefox 19+ */
   color: #000000;
}

:-ms-input-placeholder {
   /* IE 10+ */
   color: #000000;
}

:-moz-placeholder {
   /* Firefox 18- */
   color: #000000;
}