body {
    background-color:#570091;
    font-family:'Arial';
}
#quiz {
    font-size:30px;
    font-weight:900;
    color:white;
    letter-spacing:1px;
}
.container {
    margin:0 auto;
    width:40vw;
    height:30vh;
    margin-top:10vh;
    padding-right:45vw;
}
.answers {
    text-align:left;
    display:inline-block;
    width:80vw;
}
.answers label {
    display:block;
}
input[type="radio"i] {
    z-index:1;
}
.slide {
    position:fixed;
    margin:0 auto;
    z-index:1;
    opacity:0;
    transition:opacity 0.5s;
}
.active-slide {
    opacity:1;
    z-index:2;
}
button {
    font-size:20px;
    padding:10px 22px;
    border:1px transparent;
    background-color:#a8a7a0;
    color:#570091;
    border-radius:7px;
    transition:background-color .3s;
    outline:0;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1px;
}
button:hover, #submit:hover {
    background-color:#3c0063;
}
#buttons {
    float:right;
    margin-right:6vw;
}
input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:50%;
    width:25px;
    height:15px;
    border:2px solid #ebebeb;
    transition:0.2s all linear;
    margin-right:5px;
    position:relative;
    bottom:2.4px;
    outline:0;
}
input:checked {
    border:2px solid #abc1f5;
    background-color:#3057b3;
}
.message, .welcomer {
    font-family:serif;
    font-size:15px;
    font-style:italic;
    letter-spacing:1px;
    color:gold;
    padding:15px;
}
.welcomer-inp {
    margin-left:15px;
    border-radius:0;
    width:fit-content;
    font-size:20px;
    height:32px;
    font-weight:900;
    font-family:"Arial";
    font-size:20px;
    letter-spacing:1px;
    color:white;
    outline:0;
    background-color:transparent;
    border:none;
    margin-left:13px;
}
.welcomer-sub {
    font-family:"Arial";
    font-size:9px;
    padding:7px 14px;
    border:1px transparent;
    background-color:#a8a7a0;
    color:#570091;
    border-radius:7px;
    transition:background-color .3s;
    outline:0;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1px;
    width:fit-content;
    height:fit-content;
}
.welcomer-sub:hover {
    background-color:#3c0063;
}
#submit {
    padding:10px 22px;
    border:1px transparent;
    background-color:#a8a7a0;
    color:gold;
    border-radius:7px;
    transition:background-color .3s;
    outline:0;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1px;
    width:fit-content;
    height:fit-content;
    margin-top:10px;
}
#scores {
    font-size:4vw;
    text-transform:uppercase;
    font-weight:900;
    font-family:serif;
    font-style:italic;
    -webkit-text-stroke:1.5px gold;
    margin-left:10vw;
    margin-top:10vh;
}
.name {
    -webkit-text-stroke-color:red;
}
.tname {
	padding-right:40px;
}
.tscore {
	text-align:right;
}