* {
    margin : 0;
    padding: 0; 
    font-family:Georgia, 'Times New Roman', Times, serif;
    box-sizing: border-box;
}
body{
     background-image: url('images/bg 1.jpg');
     background-size:102% 85%;
     background-repeat: no-repeat;
}
#start-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(230, 147, 195);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  z-index: 999;
  font-size: 30px;
}
#startbtn{
    background: #F055A5;
color: #fff;
font-weight: 500;
width: 150px;
border : 0;
padding: 10px;
margin: 20px auto 0;
border-radius: 4px;
cursor:pointer;
}
.app{
background-color: #fff;
width: 90%;
max-width: 600px;
margin: 250px auto 500px;
border-radius: 10px;
padding: 30px;
}
.app h1{
    font-size: 25px;
    color:#F055A5;
    font-weight: 600;
    border-bottom: 1px dashed #F5559B;
    padding-bottom: 30px;
}
.quiz{
padding:20px 0;
}
.quiz h2{
    font-size:18px;
    color: #F055A5;
    font-weight: 600;
}
.btn{
    background:#fff;
    color:#222;
    font-weight: 500;
    width: 40%;
    border:1px solid #222;
    padding: 10px 10px;
    margin: 5px 20px 5px;
    text-align: center;
    border-radius: 10px;
    cursor:pointer;
transition: all 0.3s;
}
.btn:hover:not([disabled]){
    background: #222;
    color:#fff;
}
.btn:disabled{
    cursor:no-drop;
}
#nextbutton{
background: #F055A5;
color: #fff;
font-weight: 500;
width: 150px;
border : 0;
padding: 10px;
margin: 20px auto 0;
border-radius: 4px;
cursor:pointer;
display:none;
}
.correct{
    background: #9aeabc;
}
.incorrect{
    background: #e96363;
}