guess.css

html {
     font-family: sans-serif;
   }
   
   body {
     width: 300px;
     max-width: 750px;
     min-width: 480px;
     margin: 0 auto;
     background-color: #212121;
   }
   
   .lastResult {
     color: white;
     padding: 7px;
   }
   
   .guesses {
     color: white;
     padding: 7px;
   }
   
   button {
     background-color: #141414;
     color: #fff;
     width: 250px;
     height: 50px;
     border-radius: 25px;
     font-size: 30px;
     border-style: none;
     margin-top: 30px;
     /* margin-left: 50px; */
   }
   
   #subt {
     background-color: #161616;
     color: #ffffff;
     width: 200px;
     height: 50px;
     border-radius: 10px;
     font-size: 20px;
     border-style: none;
     margin-top: 50px;
     /* margin-left: 75px; */
   }
   
   #guessField {
     color: #000;
     width: 250px;
     height: 50px;
     font-size: 30px;
     border-style: none;
     margin-top: 25px;
   
     /* margin-left: 50px; */
     border: 5px solid #6c6d6d;
     text-align: center;
   }
   
   #guess {
     font-size: 55px;
     /* margin-left: 90px; */
     margin-top: 120px;
     color: #fff;
   }
   
   .guesses {
     background-color: #7a7a7a;
   }
   
   #wrapper {
     box-sizing: border-box;
     text-align: center;
     width: 450px;
     height: 662px;
     background: rgb(177,78,102);
     background: linear-gradient(90deg, rgba(177,78,102,1) 0%, rgba(77,89,148,1) 100%); 
     color: #fff;
     font-size: 25px;
   }
   
   h1 {
     background-color: #161616;
   
     color: #fff;
     text-align: center;
   }
   
   p {
     font-size: 16px;
     text-align: center;
   }