body{background-color: #1D1E22;
font-family: 'Dosis', sans-serif;}
.header{width: 100%;
margin-top: -540px;}

.komp{width: 600px;}

.kompic{margin-top: -1105px;
padding-left: 650px;}

.logo{width: 100px;}

.slika{padding-left: 220px;
width: 1400px;}

.pitanje{color: white;
font-size: 20px;}

.pitanj1 {margin-top: -5600px;
padding-left: 420px;}

.pitanj2{color: white;
    padding-top: 400px;
    padding-left: 950px;}

.pitanj3{color: white;
padding-top: 360px;
padding-left: 400px;}

.pitanj4{padding-top: 670px;
padding-left: 970px;}

.pitanj5{padding-top: 330px;
padding-left: 400px;}

.pitanj6{color: white;
padding-top: 580px;
padding-left: 980px;}

.pitanj7{padding-top: 380px;
padding-left: 400px;}

.pitanj8{padding-top: 660px;
padding-left: 980px;}

.pitanj9{color: white;
padding-top: 300px;
padding-left: 400px;}

.pitanj10{padding-top: 500px;
padding-left: 980px;}

.logo2{width:100px;
padding-top: 300px;
float: right;}

.gumb{font-size: 30px;
background-color:#26272c; 
color:#bf62ee;
border-color: #bf62ee;
padding: 10px;
margin-top: 340px;
margin-left: 308px;
font-weight: 600;
font-family: 'Dosis', sans-serif;}

.j{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 420px;}

.c{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 100px;}

.p{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 150px;}

.s{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 380px;}

.o{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 510px;}

.de{background-color:#26272c;
border-color: #bf62ee;
color: white;
width: 360px;}
#rezultat{color: white;
margin-left: 270px;}