*{
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}


a{
    display: inline-block;
    text-decoration: none;
}
ul, ol {
    list-style-type: none;
}
.container{
    width: 1200px;
    margin: 0 auto;
}

.mainScreen{
    text-align: center;
    margin-top: 25px !important;
    padding: 50px 0;
    background: rgb(255, 226, 188);
    width: 1000px;
    margin: 0 auto;
    border-radius: 10px;
    height: 580px;
    position: relative;
}
.playHeading{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #000;
    margin-bottom: 35px;
}
input{
    color: #000;
    font-weight: 700;
    font-size: 32px;
    font-family: "Poppins", sans-serif;
    border: 1px solid #D9D9D9;
    border-radius: 80px;
    padding: 30px 40px;
    display: block;
    width: 868px;
    margin: 0 auto;
}
input::placeholder{
    color: #D9D9D9;
    font-weight: 700;
    font-size: 32px;
    font-family: "Poppins", sans-serif;
}
button{
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-weight: 700;
    font-size: 32px;
    background: #7041D3;
    padding: 14px 80px;
    border-radius: 60px;
    margin-top: 35px;
    margin-bottom: 35px;
    border: none;
    cursor: pointer;
}
h3{
    background: #CC3030;
    border-radius: 5px;
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-weight: 700;
    font-size: 48px;
    padding: 16px 0px;
    text-align: center;
    width: 778px;
    margin: 0 auto;
    display: none;
}
p{
    font-family: "Poppins", sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 20px;
}
.playerOne{
    display: none;
}
.playerTwoName{
    display: none;
}
.playerTwoNumber{
    display: none;
}
.guessNumber{
    display: none;
}
.guessNumberThree{
    display: none;
}
.guessNumberFour{
    display: none;
}
.lastGuess{
    display: none;
}
.congrats{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.failure{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
h2{
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 45px;
    font-weight: 700;
    line-height: 75px;
    width: 692px;
}
h4 {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 70px;
    width: 810px;
}