@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap";.container{width:calc(100% - 40px);max-width:700px;margin:20px auto 0}@media screen and (min-width: 768px){.container{width:calc(100% - 40px);max-width:900px;margin:20px auto 0}}@media screen and (min-width: 1280px){.container{width:100%;max-width:1100px;margin:20px auto 0}}.form{display:flex;flex-direction:column;align-items:center;color:#928383;margin-bottom:40px}.form__label{display:flex;align-items:center;font-size:20px;font-weight:600;margin-bottom:20px}.form__label-input,.difficulty{margin-left:7px}.form__label:nth-child(2){display:flex;flex-direction:column;align-items:center}.category{margin-top:7px;margin-left:0}.form__label-input{border:2px solid #928383;border-radius:3px;padding:4px}.form__label-input:focus{outline:none;border:2px solid #f8c5b6}.form__label-select{font-family:Dosis,sans-serif;font-weight:700;letter-spacing:.6px;border:2px solid #928383;border-radius:3px;padding:4px;overflow-y:auto}.form__label-select::-webkit-scrollbar{width:3px}.form__label-select::-webkit-scrollbar-track{background-color:#f1f1f1}.form__label-select::-webkit-scrollbar-thumb{background-color:#625555;border-radius:4px}.form__label-select:focus{outline:none;border:2px solid #f8c5b6;color:#362b2b}.form-button{position:relative;font-family:Dosis,sans-serif;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:none;outline:none;color:#f9e9e9;cursor:pointer;background-color:#928383;border-radius:8px;transition:all;transition-duration:.3s}.form-button:hover{top:1px;background-color:#625555}.list{color:#4b4242}.list-paragraph{font-size:18px;margin-bottom:5px}.list{margin-top:10px;margin-bottom:10px}.button-end{position:relative;background-color:#352d2d;outline:none;color:#fff4f4;padding:8px 25px;border:1px solid #4b4242;border-radius:5px;transition:all;transition-duration:.3s}.button-end:hover{top:1px;background-color:#625959}.list-item{margin-bottom:8px;color:#4b4242}.item-title{font-size:20px;font-weight:600;margin-bottom:8px}.item-answers{display:flex;flex-direction:column;margin-bottom:10px}.item-label{font-size:20px}.item-submit{position:relative;background-color:#c8bdbd;outline:none;color:#fff4f4;padding:5px 20px;border:1px solid #948a8a;border-radius:5px;transition:all;transition-duration:.3s}.item-submit:hover{top:1px;background-color:#948a8a;border:1px solid #625959}.item-correct{font-weight:700;font-size:18px;text-decoration:underline}body{font-family:Dosis,sans-serif;background-color:#fff4f4}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}