Quiz App
Web Design And Development
Log Out
HTML stands for?
hyper text
This is first option
This is first option
This is first option
© Developed By Waseem
Score : 100%
CSS:
_______________________________________________________________________________
body{
padding:0px;
margin:0px;
background-color:#E6E6E6;
font-family:lato;
}
.questions{
margin:50px auto;
height:500px;
width:900px;
background-color:#0075BA;
box-shadow: 1px 2px 13px 6px #0000005c;
}
.sub-container{
}
.upper{
width:100%;
height:75px;
background-color:#0078BD;
}
.question-no{
width:100%;
height:45px;
padding-top:px;
background-color:#00436C;
}
.question-container{
width:100%;
height:310px;
background-color:white;
}
.start{
margin:50px auto;
height:500px;
width:900px;
background-color:#0075BA;
box-shadow: 1px 2px 13px 6px #0000005c;
}
.btn{
position:relative;
top:220px;
left:380px;
padding:15px 30px 15px 30px;
font-weight:800;
font-size:20px;
border-style:none;
border-radius:40px;
outline:none;
font-family:lato;
color:#0075BA;
}
.main-heading{
color:white;
float:left;
margin-left:20px;
font-weight:100;
font-family:lato;
}
.profile-pic{
height:50px;
width:50px;
background-color:white;
border-radius:40px;
outline:none;
}
.co{
float:right;
}
.log{
margin-top:7px;
margin-right:5px;
float:right;
}
.questionof{
width:50%;
float:left;
margin-left:20px;
font-size:12px;
text-transform:uppercase;
}
.head{
margin-top:0px;
color:#0080C7;
}
.divs{
width:50%;
float:left;
margin-top:5px;
margin-left:5px;
height:20px;
width:20px;
border-radius:20px;
background:white;
display:inline-flex;
}
.copy{
text-align:center;
color:white;
margin-top:25px;
font-size:17px;
}
.left{
width:48%;
float:left;
margin-left:20px;
}
.right{
width:55%;
float:right;
margin-top:-50px;
}
.this1{
display:inline-flex;
}
.option{
margin-left:10px;
}
.options{
display:flex;
padding:;
border-radius:0px;
margin-bottom:5px;
border-style:solid;
border-width:2px;
border-color:#0080C7;
outline:none;
cursor:pointer;
font-size:30px;
font-weight:600;
padding:0px 20px 0px 20px;
border-radius:50%;
}
.options:hover{
background-color:#0080C7;
color:white;
cursor:hover;
}
.true{
float:right;
margin-right:20px;
}
.logout{
margin-right:20px;
margin-top:23px;
margin-left:5px;
text-transform:uppercase;
color:white;
float:right;
}
.btn:hover{
box-shadow: 0px 1px 5px 5px #dcdcdcc2;
}
@font-face{
font-family:"serief";
src:"NotoSerif-Regular.ttf";
}
@font-face{
font-family:"lato";
src:"Lato-Regular.ttf";
}
#emoji{
margin-top:140px;
margin-left:390px;
}
#scoreShower{
color:white;
text-align:center;
}
0 Comments