| 1 |
- {"version":3,"sources":["css/normalize.min.css","css/index.css"],"names":[],"mappings":"kGAAA,4DACA,iFAAiF,aAAa,CAC9F,mBAAmB,qBAAqB,gBAAgB,OAAO,CAC/D,sBAAsB,aAAa,QAAQ,CAC3C,SAAS,YAAY,CACrB,KAAK,eAAe,8BAA8B,yBAAyB,CAC3E,kCAAkC,sBAAsB,CACxD,KAAK,QAAQ,CACb,QAAQ,mBAAmB,CAC3B,iBAAiB,SAAS,CAC1B,GAAG,cAAc,cAAc,CAC/B,GAAG,gBAAgB,cAAc,CACjC,GAAG,iBAAiB,YAAY,CAChC,GAAG,cAAc,eAAe,CAChC,GAAG,gBAAgB,eAAe,CAClC,GAAG,gBAAgB,eAAe,CAClC,YAAY,wBAAwB,CACpC,SAAS,eAAgB,CACzB,WAAW,eAAe,CAC1B,IAAI,iBAAiB,CACrB,KAAK,gBAAgB,UAAU,CAC/B,MAAM,YAAY,CAClB,kBAAkB,4BAA4B,mCAAqC,aAAa,CAChG,IAAI,gBAAgB,qBAAqB,oBAAoB,CAC7D,EAAE,WAAW,CACb,iBAAiB,WAAW,YAAY,CACxC,MAAM,aAAa,CACnB,QAAQ,cAAc,cAAc,kBAAkB,uBAAuB,CAC7E,IAAI,SAAU,CACd,IAAI,aAAc,CAClB,cAAc,YAAY,CAC1B,GAAG,iBAAiB,CACpB,WAAW,kBAAkB,CAC7B,cAAc,gBAAgB,qBAAqB,CACnD,IAAI,SAAS,8BAA8B,CAC3C,eAAe,eAAe,CAE9B,YAAK,QAAQ,CACb,SAAS,wBAAyB,aAAa,0BAA0B,CACzE,OAAO,SAAS,UAAU,mBAAmB,iBAAiB,CAC9D,6BAA6B,eAAe,SAAS,wBAAwB,sBAAsB,CACnG,aAAa,kBAAkB,CAC/B,oEAA0E,0BAA0B,eAAe,iBAAiB,CACpI,iCAAiC,cAAc,CAC/C,uCAA2C,8BAA8B,sBAAsB,UAAU,aAAa,WAAW,CACjI,mBAAqB,6BAA6B,+BAA+B,sBAAsB,CACvG,+FAAmG,uBAAuB,CAC1H,iDAAiD,SAAS,SAAS,CACnE,SAAS,cAAc,kBAAkB,CACzC,MAAM,yBAAyB,gBAAgB,CC5C/C,KACE,cAAgB,CAGlB,OACE,8BACQ,sBACR,4BACA,cACA,YAAc,CAGhB,KACE,mFACA,wDACA,mDACA,mDACA,SACA,UACA,uBACA,gBAAkB,CAGpB,YACE,yBACG,sBACC,qBACI,gBAAkB,CAG5B,sBACE,cACA,uDACQ,+CACR,6DAAyF,CAG3F,iDACE,aAAwB,CAO1B,yFACE,aAAwB,CAG1B,mCACE,aAAwB,CAG1B,gBACE,WACA,cACA,WACA,UAAY,CAGd,WACE,iBACA,aAAe,CAGjB,oBACE,wBAA0B,CAG5B,uBACE,qBACA,oBAAsB,CAGxB,yBACE,yBACG,sBACC,qBACI,iBACR,qBACA,qBACA,kBACA,yBACA,gCACA,2BACA,wBACA,cACA,4BACA,iBACA,yBACA,YAAc,CAGhB,+BACE,wBAA0B,CAG5B,kBACE,aACA,WAAa,CAGf,oBACE,WAAa,CAGf,uBACE,kBACA,UACA,SACA,eACA,cACA,cAAgB,CAGlB,oBACE,gBACA,cACA,yBACA,gBACA,mBACA,uBACA,oCACQ,4BACR,kBAAoB,CAGtB,oBAEE,gBAAkB,CAGpB,oCACE,cACA,iBACA,WACA,mBACA,kBACA,4BACA,gBACA,sBACA,eAAiB,CAEnB,kDACE,cAAgB,CAElB,mDACE,kBAAoB,CAGtB,qCACE,iBAAmB,CAOrB,oDACE,UACA,WAAa,CAGf,yCACE,eAAiB,CAGnB,uCACE,mBACA,SAAW,CAGb,2BACE,gBACA,4BACA,kBACA,SAAW,CAGb,qDACE,UACA,YACA,kBACA,cACA,wBAAqC,CAGvC,iCACE,iBACA,oBACA,YAAc,CAGhB,0CACE,UACA,oBACA,aACA,mBACI,cAAgB,CAGtB,iGACE,YACA,iBAAmB,CAGrB,kCACE,UAAY,CAGd,wCACE,cACA,mBACA,UACA,yBACA,iBACA,0BACA,0CAA+C,CAGjD,gCACE,yBACA,iBACA,cAAgB,CAIlB,2CACE,UAAY,CAGd,wCACE,SAAW,CAGb,gCACE,iBACA,SAAW,CAKb,uCACE,gBACA,kBACA,gBACA,4BACA,kBACA,uDACQ,8CAA2D,CAGrE,iBACE,qBACA,kBACA,WACA,UAAY,CAGd,wBACE,qBACA,kBACA,YACA,UACA,gBACA,iBACA,wCACA,mFACA,2DACA,sDACA,iDACA,yCACQ,iCAER,aAAwB,CAG1B,yBACE,qBACA,UACA,cAAgB,CAIlB,wBACE,YACA,iBACA,kBACA,yCACQ,iCACR,mCACA,wBAAqC,CAGvC,sCACE,2BAA6B,CAG/B,uCACE,8BAAgC,CAGlC,6BACE,eACA,kBACA,UAAY,CAGd,eACE,kBACA,gCACA,gBAAkB,CAGpB,8BACI,4BAA8B,CAGlC,qCACE,kBACA,QACA,iBACA,gBACA,aAA0B,CAG5B,kCACE,kBACA,QACA,iBACA,cACA,cAAgB,CAGlB,8BACE,kBACA,QACA,eACA,aAA0B,CAG5B,qDACE,qBACA,UACA,eACA,eACA,YACA,kBACA,yBACA,mFACA,2DACA,sDACA,iDACA,cACA,6CACQ,qCACR,gCAAqC,CAGvC,sBACE,iBAAmB,CAIrB,yBACE,kBACA,QACA,WACA,eACA,YACA,WACA,cACA,eACA,gCACA,2BACA,uBAA0B,CAG5B,sCACE,8BACI,0BACI,sBACR,aAA0B,CAG5B,wBACE,mBACA,gBAAkB,CAGpB,+BACE,iBACA,gBAAkB,CAGpB,0DACE,aAAwB,CAO1B,2GACE,aAAwB,CAG1B,4CACE,aAAwB,CAG1B,6BACE,qBACA,UACA,gBAAkB,CAGpB,wDACE,aAAwB,CAO1B,uGACE,aAAwB,CAG1B,0CACE,aAAwB,CAI1B,sBACE,cACA,iBACA,UACA,YACA,kBACA,wBAAqC,CAKvC,WACE,iBACA,oBACA,aACA,mBACI,cAAgB,CAGtB,gBACE,oCACQ,4BAER,gBACA,qBAIA,UACA,gBACA,gCACA,2BACA,uBAA0B,CAG5B,8BACE,cAAgB,CAGlB,kBACE,oBAAsB,CAGxB,oBACE,WACA,2BACI,uBACI,mBACR,gCACA,2BACA,uBAA0B,CAG5B,+BACE,kBACA,UACA,SACA,QACA,UACA,oCACA,+BACA,2BAA8B,CAGhC,oCACE,kBACA,eAAiB,CAGnB,2CACE,MACA,OACA,WACA,cACA,kBACA,WACA,YACA,sBACA,UACA,UACA,gCACA,2BACA,uBAA0B,CAG5B,4CACE,YACA,yBACA,gBACA,aACA,4CACQ,mCAAqC,CAG/C,0BACE,8BACI,0BACI,qBAAuB,CAGjC,qCACE,UAAa,CAGf,iDACE,UAAa,CAGf,sBACE,8BACI,0BACI,sBACR,oCACQ,2BAA6B,CAGvC,kEACE,iBACA,eACA,eAAkB,CAGpB,iEACE,cAAgB,CAKlB,gBACE,0BACQ,kBACR,yBACG,sBACC,qBACI,gBAAkB,CAE5B,qBACE,UACA,kBACA,YACA,OACA,QACA,gBACA,cACA,yBACA,gBACA,mBACA,aACA,oCACQ,4BACR,mBACA,iBAAmB,CAGrB,0BACE,4CACQ,oCACR,6BACI,yBACI,oBAAwB,CAGlC,0CACE,GACE,gCACQ,uBAAyB,CAEnC,GACE,iCACQ,wBAA2B,CACpC,CAGH,kCACE,GACE,gCACQ,uBAAyB,CAEnC,GACE,iCACQ,wBAA2B,CACpC,CAGH,4BACE,gCACA,oBACA,qBACA,iBAAmB,CAGrB,4BACE,iBACA,gBACA,cACA,gBAAkB,CAGpB,yBACE,iBACA,gBACA,aAA0B,CAG5B,6BACE,iBACA,kBACA,cACA,iBAAmB,CAGrB,iCACE,aACA,gBACA,cAAgB,CAGlB,4CACE,eACA,cACA,kBACA,kBACA,QACA,gCACA,2BACA,uBAA0B,CAG5B,0BACE,uBAAyB,CAG3B,sBACE,cACA,qBACA,UACA,YACA,kBACA,yBACA,gBACA,4BACA,iBAAmB,CAGrB,eAEE,YACA,OACA,QACA,gBACA,cACA,yBACA,gBACA,mBACA,aACA,iBACA,oCACQ,4BACR,mBACA,kBACA,+BACA,0BACA,sBAAwB,CAG1B,aACE,iBACA,kBACA,iCACA,oBACA,aAAwB,CAG1B,kBACE,gBACA,aAAwB,CAG1B,eACE,kBACA,iBACA,kBACA,WACA,kBAAoB,CAGtB,oBACE,kBACA,OACA,QACA,YACA,aACA,cACA,UACA,gBACA,cACA,WAAc,CAwBhB,eACE,qBACA,YACA,UACA,mBACA,yBACA,0CACQ,kCACR,kBAAoB,CAGtB,oBACE,yBACA,YACA,kBAAoB,CAGtB,WACE,UACA,aACA,iDACA,4CACA,yCACA,eAAiB,CAGnB,8BACE,iBACA,aAAe,CAWjB,gEAEE,eACA,eACA,WACA,iDACQ,wCAA0C,CAGpD,oBACE,iBAAmB,CAKrB,gBACE,cACA,eACA,gBACA,gBAAkB,CAIpB,sCACE,GACE,gCACQ,uBAA2B,CAErC,IACE,kCACQ,yBAA2B,CAErC,GACE,gCACQ,uBAA0B,CACnC,CAGH,8BACE,GACE,gCACQ,uBAA2B,CAErC,IACE,kCACQ,yBAA2B,CAErC,GACE,gCACQ,uBAA0B,CACnC,CAKH,qCACE,WACE,iBACA,oBACA,aACA,mBACI,eACJ,yBACI,4BAA8B,CAGpC,gBACE,YACA,cAAiB,CAOnB,kBACE,aAAe,CAGjB,oBACE,0BAA4B,CAG9B,WACE,kBACA,UACA,WACA,aACA,uCACA,kCACA,+BACA,eAAiB,CAKnB,uBACE,UAAY,CAGd,yBACE,WACA,eACA,iBAAmB,CACpB","file":"static/css/main.6ac1fe09.css","sourcesContent":["/*! normalize.css v1.0.1 | MIT License | git.io/normalize */\narticle,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}\naudio,canvas,video{display:inline-block;*display:inline;*zoom:1}\naudio:not([controls]){display:none;height:0}\n[hidden]{display:none}\nhtml{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}\nhtml,button,input,select,textarea{font-family:sans-serif}\nbody{margin:0}\na:focus{outline:thin dotted}\na:active,a:hover{outline:0}\nh1{font-size:2em;margin:.67em 0}\nh2{font-size:1.5em;margin:.83em 0}\nh3{font-size:1.17em;margin:1em 0}\nh4{font-size:1em;margin:1.33em 0}\nh5{font-size:.83em;margin:1.67em 0}\nh6{font-size:.75em;margin:2.33em 0}\nabbr[title]{border-bottom:1px dotted}\nb,strong{font-weight:bold}\nblockquote{margin:1em 40px}\ndfn{font-style:italic}\nmark{background:#ff0;color:#000}\np,pre{margin:1em 0}\ncode,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}\npre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}\nq{quotes:none}\nq:before,q:after{content:'';content:none}\nsmall{font-size:80%}\nsub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\nsup{top:-0.5em}\nsub{bottom:-0.25em}\ndl,menu,ol,ul{margin:1em 0}\ndd{margin:0 0 0 40px}\nmenu,ol,ul{padding:0 0 0 40px}\nnav ul,nav ol{list-style:none;list-style-image:none}\nimg{border:0;-ms-interpolation-mode:bicubic}\nsvg:not(:root){overflow:hidden}\nfigure{margin:0}\nform{margin:0}\nfieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}\nlegend{border:0;padding:0;white-space:normal;*margin-left:-7px}\nbutton,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}\nbutton,input{line-height:normal}\nbutton,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}\nbutton[disabled],input[disabled]{cursor:default}\ninput[type=\"checkbox\"],input[type=\"radio\"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}\ninput[type=\"search\"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}\ninput[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}\nbutton::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}\ntextarea{overflow:auto;vertical-align:top}\ntable{border-collapse:collapse;border-spacing:0}\n\n\n// WEBPACK FOOTER //\n// ./src/css/normalize.min.css","/* @import url('https://fonts.googleapis.com/css?family=Lato'); */\n@import url('https://fonts.googleapis.com/css?family=Cabin:400,700|Lato:400,700|Open+Sans:400,700');\n@import url('./normalize.min.css');\n\n\nhtml {\n font-size: 10px;\n}\n\nbody * {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: 'Lato', sans-serif;\n color: #727272;\n outline: none;\n}\n\nbody {\n background: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 232, 232)), to(rgb(245,245,245)));\n background: -webkit-linear-gradient(top, rgb(232, 232, 232), rgb(245,245,245));\n background: -o-linear-gradient(top, rgb(232, 232, 232), rgb(245,245,245));\n background: linear-gradient(to bottom, rgb(232, 232, 232), rgb(245,245,245));\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n min-height: 100vh;\n}\n\nbody button{\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\nbody input[type=\"text\"] {\n color: rgb(130,130,130);\n -webkit-box-shadow: inset 1px 1px 3px #e5e5e5!important;\n box-shadow: inset 1px 1px 3px #e5e5e5!important;\n background-color: linear-gradient(to top, rgb(232,232,232),rgb(260, 260, 260))!important;\n}\n\nbody input[type=\"text\"]::-webkit-input-placeholder {\n color: rgb(180,180,180);\n}\n\nbody input[type=\"text\"]:-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\nbody input[type=\"text\"]::-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\nbody input[type=\"text\"]::placeholder {\n color: rgb(180,180,180);\n}\n\n.clearfix::after {\n clear: both;\n display: block;\n width: 100%;\n content: '';\n}\n\n.container {\n max-width: 1170px;\n margin: 0 auto;\n}\n\n.main-component nav {\n background-color: #F7F7F7;\n}\n\n.main-component nav li {\n display: inline-block;\n list-style-type: none;\n}\n\n.main-component nav li a {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: inline-block;\n text-decoration: none;\n padding: 20px 30px;\n background-color: #F7F7F7;\n -webkit-transition: all 0.5s ease;\n -o-transition: all 0.5s ease;\n transition: all 0.5s ease;\n color: #727272;\n font-family: 'Lato', sans-serif;\n font-size: 1.2rem;\n text-transform: uppercase;\n outline: none;\n}\n\n.main-component nav li a:hover {\n background-color: #f2f2f2;\n}\n\n.nav-adaptive-btn {\n display: none;\n height: 63px;\n}\n\n.open-adaptive-menu{\n height: auto;\n}\n\n.nav-adaptive-btn span {\n position: absolute;\n left: 30px;\n top: 18px;\n font-size: 30px;\n color: #848484;\n cursor: pointer;\n}\n\n.add-test-container {\n max-width: 768px;\n margin: 0 auto;\n background-color: #F7F7F7;\n margin-top: 30px;\n border-radius: 10px;\n padding: 30px 20px 15px;\n -webkit-box-shadow: 0px 0px 20px #cacaca;\n box-shadow: 0px 0px 20px #cacaca;\n margin-bottom: 30px;\n}\n\n.add-test-component {\n /* background-color: #EDEDED; */\n padding-top: 10px;\n}\n\n.add-test-component span.title-text {\n display: block;\n font-size: 1.4rem;\n color: rgb(170, 170, 170);\n margin-bottom: 10px;\n text-align: center;\n font-family: 'Lato', sans-serif;\n font-weight: bold;\n letter-spacing: 0.037em;\n margin-top: 15px;\n}\n.add-test-component span.title-text:nth-of-type(1) {\n margin-top: 5px;\n}\n.add-test-component span.title-text:nth-of-type(2) {\n margin-bottom: 10px;\n}\n\n.add-test-component .add-test-header {\n text-align: center;\n}\n\n/* .add-test-component .add-test-header input {\n margin: 0 auto;\n} */\n\n.add-test-component .title-input, .description-input {\n width: 80%;\n height: 34px;\n}\n\n.add-test-component textarea.title-input {\n resize: vertical;\n}\n\n.add-test-component .description-input {\n margin-bottom: 40px;\n width: 80%;\n}\n\n.add-test-component button {\n font-weight: bold;\n font-family: \"Lato\", sans-serif;\n font-size: 1.05rem;\n width: 40%;\n}\n\n.add-test-component button, .add-test-component input{\n width: 60%;\n height: 34px;\n border-radius: 5px;\n color: rgb(142, 142, 142);\n border: 1px solid rgb(232, 232, 232);\n}\n\n.add-test-component .submit-form {\n padding-top: 15px;\n display: -ms-flexbox;\n display: flex;\n}\n\n.add-test-component .submit-inner-wrapper {\n width: 60%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.add-test-component .submit-inner-wrapper input, .add-test-component .submit-inner-wrapper button{\n margin: 10px;\n margin-bottom: 5px;\n}\n\n.add-test-component .select-image {\n width: 100%;\n}\n\n.add-test-component .select-image input {\n display: block;\n margin-bottom: 10px;\n width: 75%;\n background-color: rgb(232,232,232);\n padding-left: 8px;\n font-weight: normal!important;\n font-family: 'Open Sans', sans-serif!important;\n}\n\n.add-test-component img.preview {\n border: 3px solid #ededed;\n margin-left: 10px;\n margin-top: 7px;\n}\n\n\n.add-test-component .question-edit-buttons {\n width: 100%;\n}\n\n.add-test-component .submit-form button {\n width: 35%;\n}\n\n.add-test-component .send-input {\n text-align: right;\n width: 40%;\n}\n\n\n\n.add-test-component .submit-form input {\n margin-top: 10px;\n margin-right: 10px;\n font-weight: bold;\n font-family: \"Lato\", sans-serif;\n font-size: 1.05rem;\n -webkit-box-shadow: inset 1px 1px 4px rgb(220, 220, 220)!important;\n box-shadow: inset 1px 1px 4px rgb(220, 220, 220)!important;\n}\n\n.question-rating {\n display: inline-block;\n position: relative;\n right: 31px;\n top: 10.5px;\n}\n\n.question-rating-number {\n display: inline-block;\n position: relative;\n bottom: 10px;\n width: 53%;\n padding: 6.1px 0;\n padding-left: 3px;\n border-left: 1px solid rgba(200,200,200,.2);\n background: -webkit-gradient(linear, left bottom, left top, from(rgb(240,240,240)),to(rgb(243,243,243)));\n background: -webkit-linear-gradient(bottom, rgb(240,240,240),rgb(243,243,243));\n background: -o-linear-gradient(bottom, rgb(240,240,240),rgb(243,243,243));\n background: linear-gradient(to top, rgb(240,240,240),rgb(243,243,243));\n -webkit-box-shadow: inset 0 0 2px rgb(200,200,200);\n box-shadow: inset 0 0 2px rgb(200,200,200);\n /* border-right: none; */\n color: rgb(130,130,130);\n}\n\n.question-rating-buttons{\n display: inline-block;\n width: 47%;\n cursor: pointer;\n\n}\n\n.question-rating-button{\n height: 17px;\n padding-left: 2px;\n padding-right: 7px;\n -webkit-box-shadow: inset 0 0 1px rgb(200,200,200);\n box-shadow: inset 0 0 1px rgb(200,200,200);\n border: 1px solid rgba(200, 200, 200,.6);\n background-color: rgb(227, 227, 227);\n}\n\n.question-rating-button:nth-of-type(1) {\n border-top-right-radius: 8px;\n}\n\n.question-rating-button:nth-of-type(2) {\n border-bottom-right-radius: 8px;\n}\n\n.question-rating-button span {\n font-size: 13px;\n position: relative;\n bottom: 3px;\n}\n\n.add-test-item {\n position: relative;\n border-bottom: 1px solid #e8e8e8;\n padding-top: 13px;\n}\n\n.add-test-item:nth-of-type(2) {\n border-top: 1px solid #e8e8e8;\n}\n\n.add-test-item span.question-counter {\n position: relative;\n top: 4px;\n font-size: 1.9rem;\n font-weight: bold;\n color: rgb(195, 195, 195);\n}\n\n.add-test-item span.question-mark{\n position: relative;\n top: 5px;\n text-align: right;\n color: rgb(210,210,210);\n font-size: 37px;\n}\n\n.add-test-item .answer-circle {\n position: relative;\n top: 2px;\n font-size: 24px;\n color: rgb(205, 205, 205);\n}\n\n.add-test-item input, .title-input, .description-input{\n display: inline-block;\n width: 70%;\n font-size: 1rem;\n padding: 0 10px;\n height: 34px;\n border-radius: 8px;\n border: 1px solid rgb(232, 232, 232);\n background: -webkit-gradient(linear, left bottom, left top, from(rgb(239,239,239)),to(rgb(242,242,242)));\n background: -webkit-linear-gradient(bottom, rgb(239,239,239),rgb(242,242,242));\n background: -o-linear-gradient(bottom, rgb(239,239,239),rgb(242,242,242));\n background: linear-gradient(to top, rgb(239,239,239),rgb(242,242,242));\n color: #4f4f4f;\n -webkit-box-shadow: inset 1px 1px 3px #e5e5e5;\n box-shadow: inset 1px 1px 3px #e5e5e5;\n font-family: 'Open Sans', sans-serif;\n}\n\n.answer-input-wrapper {\n padding-left: 80px;\n\n}\n\n.add-test-item span.icon{\n position: relative;\n top: 1px;\n right: 22px;\n font-size: 22px;\n height: 30px;\n width: 30px;\n color: rgb(210, 210, 210);\n cursor: pointer;\n -webkit-transition: all 0.1s ease;\n -o-transition: all 0.1s ease;\n transition: all 0.1s ease;\n}\n\n.add-test-item span.icon:hover::before{\n -webkit-transform: scale(1.05);\n -ms-transform: scale(1.05);\n transform: scale(1.05);\n color: rgb(185, 185, 185);\n}\n\n.question-input-wrapper{\n margin-bottom: 15px;\n padding-left: 5px;\n}\n\n.add-test-item .question-input {\n margin-left: 20px;\n margin-right: 5px;\n}\n\n.add-test-item .question-input::-webkit-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .question-input:-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .question-input::-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .question-input::placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .answer-input {\n display: inline-block;\n width: 80%;\n margin-left: 10px;\n}\n\n.add-test-item .answer-input::-webkit-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .answer-input:-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .answer-input::-ms-input-placeholder {\n color: rgb(180,180,180);\n}\n\n.add-test-item .answer-input::placeholder {\n color: rgb(180,180,180);\n}\n\n\n.add-test-item button{\n display: block;\n margin: 25px auto;\n width: 25%;\n height: 34px;\n border-radius: 5px;\n border: 1px solid rgb(232, 232, 232);\n\n}\n\n/* main-page */\n.main-page {\n padding-top: 50px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.main-page-item {\n -webkit-box-shadow: 0 0 20px #cacaca;\n box-shadow: 0 0 20px #cacaca;\n width: 30%;\n margin-right: 1%;\n margin-bottom: 58.5px;\n}\n\n.main-page-item {\n width: 30%;\n margin-right: 5%;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n\n.main-page-item:nth-child(3n) {\n margin-right: 0;\n}\n\n.main-page-item a {\n text-decoration: none;\n}\n\n.main-page-item img{\n width: 100%;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n\n.main-page-item img.cover-icon {\n position: absolute;\n width: 20%;\n left: 40%;\n top: 40%;\n opacity: 0;\n -webkit-transition: opacity 0.3s ease;\n -o-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n}\n\n.main-page-item .main-page-item-img {\n position: relative;\n overflow: hidden;\n}\n\n.main-page-item .main-page-item-img::before {\n top: 0;\n left: 0;\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #333;\n z-index: 1;\n opacity: 0;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n\n.main-page-item .main-page-item-description {\n height: 95px;\n background-color: #fefefe;\n margin-top: -3px;\n padding: 15px;\n -webkit-box-shadow: inset 0 -2px 4px #cacaca;\n box-shadow: inset 0 -2px 4px #cacaca;\n}\n\n.main-page-item:hover img {\n -webkit-transform: scale(1.12);\n -ms-transform: scale(1.12);\n transform: scale(1.12);\n}\n\n.main-page-item:hover img.cover-icon {\n opacity: 0.3;\n}\n\n.main-page-item:hover .main-page-item-img::before {\n opacity: 0.2;\n}\n\n.main-page-item:hover{\n -webkit-transform: scale(1.04);\n -ms-transform: scale(1.04);\n transform: scale(1.04);\n -webkit-box-shadow: 0 0 30px #cacaca;\n box-shadow: 0 0 30px #cacaca;\n}\n\n.main-page-item .main-page-item-description .main-page-item-title {\n font-size: 1.4rem;\n margin-top: 5px;\n font-weight: bold;\n}\n\n.main-page-item .main-page-item-description .main-page-item-info {\n margin-top: 7px;\n}\n/* main-page */\n\n/* test-component */\n.test-component {\n -webkit-perspective: 950px;\n perspective: 950px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.test-component-item {\n z-index: 1;\n position: absolute;\n margin: auto;\n left: 0;\n right: 0;\n max-width: 640px;\n margin: 0 auto;\n background-color: #F7F7F7;\n margin-top: 90px;\n border-radius: 10px;\n padding: 30px;\n -webkit-box-shadow: 0px 0px 20px #cacaca;\n box-shadow: 0px 0px 20px #cacaca;\n margin-bottom: 30px;\n text-align: center;\n}\n\n.test-component-animation {\n -webkit-animation: testComponentAnimation 2s;\n animation: testComponentAnimation 2s;\n -webkit-transform-origin: 0% 0%;\n -ms-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n}\n\n@-webkit-keyframes testComponentAnimation {\n 0%{\n -webkit-transform: rotateX(0deg);\n transform: rotateX(0deg);\n }\n 100%{\n -webkit-transform: rotateX(360deg);\n transform: rotateX(360deg);\n }\n}\n\n@keyframes testComponentAnimation {\n 0%{\n -webkit-transform: rotateX(0deg);\n transform: rotateX(0deg);\n }\n 100%{\n -webkit-transform: rotateX(360deg);\n transform: rotateX(360deg);\n }\n}\n\n.item-component-item-header {\n border-bottom: 1px solid #EDEDED;\n padding-bottom: 20px;\n display: inline-block;\n margin-left: -60px;\n}\n\n.test-component-item-number {\n font-size: 1.7rem;\n font-weight: bold;\n color: rgb(160, 160, 160);\n margin-left: 30px;\n}\n\n.test-component-question {\n font-size: 1.6rem;\n font-weight: bold;\n color: rgb(160, 160, 160);\n}\n\n.test-component-item-answers {\n font-size: 1.4rem;\n padding-left: 80px;\n color: rgb(165, 165, 165);\n margin: 20px 0 8px;\n}\n\n.test-component-item-answers div{\n margin: 5px 0px;\n text-align: left;\n cursor: pointer;\n}\n\n.test-component-item-answers .answer-circle {\n font-size: 24px;\n color: rgb(210, 210, 210);\n margin-right: 10px;\n position: relative;\n top: 1px;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n\nspan.answer-circle-active {\n color: #42AB9E!important;\n}\n\n.next-question button {\n display: block;\n margin: 30px auto 5px;\n width: 45%;\n height: 34px;\n border-radius: 5px;\n border: 1px solid rgb(232, 232, 232);\n font-weight: bold;\n font-family: \"Lato\", sans-serif;\n font-size: 1.05rem;\n}\n\n.results-block {\n /* position: absolute; */\n margin: auto;\n left: 0;\n right: 0;\n max-width: 640px;\n margin: 0 auto;\n background-color: #F7F7F7;\n margin-top: 70px;\n border-radius: 10px;\n padding: 40px;\n padding-bottom: 0;\n -webkit-box-shadow: 0px 0px 20px #cacaca;\n box-shadow: 0px 0px 20px #cacaca;\n margin-bottom: 30px;\n text-align: center;\n -webkit-transition: all 1s ease;\n -o-transition: all 1s ease;\n transition: all 1s ease;\n}\n\n.result-text {\n font-size: 1.5rem;\n text-align: center;\n font-family: 'Open Sans', sans-serif;\n margin-bottom: 100px;\n color: rgb(140,140,140);\n}\n\n.result-text span {\n font-weight: bold;\n color: rgb(150,150,150);\n}\n\n.result-number {\n position: relative;\n font-size: 3.5rem;\n text-align: center;\n color: rgb(170,170,170);\n margin-bottom: 80px;\n}\n\n.result-number span{\n position: absolute;\n left: 0;\n right: 0;\n width: 190px;\n height: 190px;\n margin: 0 auto;\n top: -60px;\n font-size: 190px;\n color: rgb(200,200,200);\n opacity: 0.37;\n /* transform-origin: center center;\n animation: resultCircleAnimation 10s infinite linear; */\n}\n\n/* @keyframes resultCircleAnimation {\n 0%{\n transform: rotateZ(0deg);\n transform: scale(1);\n }\n 25%{\n transform: rotateZ(90deg);\n }\n 50%{\n\n transform: scale(1.1);\n transform: rotateZ(180deg);\n }\n 100%{\n transform: rotateZ(360deg);\n transform: scale(1);\n }\n} */\n\n.result-slider {\n display: inline-block;\n height: 20px;\n width: 40%;\n border-radius: 10px;\n background-color: rgb(230,230,230);\n -webkit-box-shadow: inset 0 0 10px #cacaca;\n box-shadow: inset 0 0 10px #cacaca;\n margin-bottom: 50px;\n}\n\n.result-slider-line {\n background-color: rgb(195,195,195);\n height: 100%;\n border-radius: 10px;\n}\n\n.read-more {\n opacity: 0;\n max-height: 0px;\n -webkit-transition: opacity 1s, max-height 2s ease;\n -o-transition: opacity 1s, max-height 2s ease;\n transition: opacity 1s, max-height 2s ease;\n overflow: hidden;\n}\n\n.read-more span:nth-of-type(1) {\n font-size: 1.2rem;\n display: block;\n}\n\n.read-more span:nth-of-type(2) {\n font-size: 60px;\n cursor: pointer;\n opacity: 0.5;\n -webkit-animation: arrowDownAnimation 1s infinite;\n animation: arrowDownAnimation 1s infinite;\n}\n\n.read-more-text span.fa-angle-up {\n\n font-size: 60px;\n cursor: pointer;\n opacity: 0.5;\n -webkit-animation: arrowDownAnimation 1s infinite;\n animation: arrowDownAnimation 1s infinite;\n}\n\n.read-more-text div {\n text-align: center;\n}\n\n\n\n.read-more-text{\n display: block;\n padding: 10px 0 10px;\n text-align: left;\n font-size: 1.2rem;\n\n}\n\n@-webkit-keyframes arrowDownAnimation {\n 0%{\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n 50%{\n -webkit-transform: translateY(4px);\n transform: translateY(4px);\n }\n 100%{\n -webkit-transform: translateY(0px);\n transform: translateY(0px)\n }\n}\n\n@keyframes arrowDownAnimation {\n 0%{\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n 50%{\n -webkit-transform: translateY(4px);\n transform: translateY(4px);\n }\n 100%{\n -webkit-transform: translateY(0px);\n transform: translateY(0px)\n }\n}\n\n/* test-component */\n\n@media screen and (max-width: 1170px) {\n .main-page {\n padding-top: 50px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .main-page-item {\n width: 400px;\n margin-right: 0%;\n }\n\n .main-component nav {\n\n }\n\n .nav-adaptive-btn {\n display: block;\n }\n\n .open-adaptive-menu{\n max-height: 200px!important;\n }\n\n .nav-links {\n position: absolute;\n z-index: 2;\n width: 100%;\n max-height: 0px;\n -webkit-transition: max-height .5s ease;\n -o-transition: max-height .5s ease;\n transition: max-height .5s ease;\n overflow: hidden;\n }\n\n\n\n .main-component nav li {\n width: 100%;\n }\n\n .main-component nav li a {\n width: 100%;\n padding: 25px 0;\n text-align: center;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/css/index.css"],"sourceRoot":""}
|
