body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;max-height:100vh;text-align:center}.App,.headerHolder{align-items:center;justify-content:center;width:100%}.headerHolder{background:#08082b;box-shadow:5px 2px 2px #464444;color:#f0f8ff;display:flex;flex-direction:row;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:large;font-weight:800;height:20%;padding:20px;position:relative}.app{align-items:center;box-shadow:0 3px 10px rgba(0,0,0,.2);height:70%;justify-content:center;left:10%;position:absolute;top:20%;width:80%}.app,form{display:flex}form{align-items:flex-start;flex-direction:column;margin-left:30%;padding-top:20px}.compoChoice{align-items:center;border:2px;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);height:50%;justify-content:center;left:10%;padding:50px;position:absolute;top:20%;width:70%}.compoChoice .category{border:1px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.2);color:#08082b;font-family:Arial,Helvetica,sans-serif;font-size:medium;font-weight:600;margin-bottom:20px;padding:5px;position:relative}.compoChoice .startButton{background:#08082b;border:none;border-radius:5px;box-shadow:8px #000;color:#f0f8ff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;margin-left:0;padding:6px;position:relative;text-transform:capitalize;width:80px}.startButton:hover{box-shadow:inset 0 0 5px 0 #0e97f3,0 0 5px 2px #0e97f3}.item-container{color:#08082b;font-size:20px;font-weight:500;position:relative}.question{font-weight:700;padding-bottom:30px;position:relative}.container{cursor:pointer;display:block;font-size:20px;margin-bottom:5px;padding-left:40px;position:relative}.container input{cursor:pointer;opacity:0;position:absolute}.check{background-color:#d3d3d3;border-radius:50%;height:30px;left:0;position:absolute;top:0;width:30px}.container:hover input~.check{background-color:gray}.container input:checked~.check{background-color:blue}.check:after{content:"";display:none;position:absolute}.container input:checked~.check:after{display:block}.container .check:after{background:#fff;border-radius:50%;height:15px;left:8px;top:8px;width:15px}.button{background-color:#fafafc;border:2px solid #08082b;border-radius:5px;color:#08082b;display:inline-block;font-family:sans-serif;font-size:15px;font-weight:800;margin:10px 4px;padding:15px 100px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.4s}.button:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleY(.1);transform:scaleY(.1);transition:all .4s;width:100%;z-index:-1}.button:hover{background-color:#08082b;color:#f9fafa}.button:hover:before{background-color:#fff;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02),opacity .4s;transition:opacity,-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02);transition:transform .6s cubic-bezier(.08,.35,.13,1.02),opacity;transition:transform .6s cubic-bezier(.08,.35,.13,1.02),opacity,-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02)}.scoreboard{align-items:center;border:2px;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);color:#08082b;font-family:cursive;font-size:x-large;font-weight:800;height:50%;justify-content:center;left:10%;padding:50px;position:absolute;top:20%;width:70%}.scoreboard .back{background-color:#fafafc;border:2px solid #08082b;border-radius:5px;color:#08082b;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:15px;font-weight:800;margin:50px 4px;padding:15px 100px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.4s}.back:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleY(.1);transform:scaleY(.1);transition:all .4s;width:100%;z-index:-1}.back:hover{background-color:#08082b;color:#f9fafa}.back:hover:before{background-color:#fff;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02),opacity .4s;transition:opacity,-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02);transition:transform .6s cubic-bezier(.08,.35,.13,1.02),opacity;transition:transform .6s cubic-bezier(.08,.35,.13,1.02),opacity,-webkit-transform .6s cubic-bezier(.08,.35,.13,1.02)}.app1 .quesNo{background-color:#f9fafa;border:2px solid #08082b;border-radius:5px;color:#08082b;display:block;font-size:large;font-weight:500;left:90%;padding:5px;position:absolute;top:-25%;width:80px}@media only screen and (max-width:600px){.compoChoice{padding:5%}.question{padding-top:15px}form{margin-left:15%}.app{align-items:flex-start;height:100%}.app1 .button,.app2 .button{margin:0;padding:15px 70px}.scoreboard{font-size:large;left:5%;width:60%}.scoreboard .back{padding:15px 70px}.app1 .quesNo{left:-10%;top:-18%}}
/*# sourceMappingURL=main.774f51b6.css.map*/