.button{width:268px;height:56px;border-radius:56px;background-color:transparent;border:1px solid #fff;color:#fff;font-size:24px;box-sizing:border-box;cursor:pointer}
@media screen and (min-width: 300px){.main-wrapper{margin:auto;transition:.4s ease all}.main-settings{display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#fff;background-color:#000;position:relative;width:100vw;height:100vh}.main-settings .main-footer{width:90%;margin-top:30px}.settigs-back{position:absolute;top:30px;left:23px;border:none;background-color:transparent;background-image:url(../assets/svg/settingsArrow.svg);background-repeat:no-repeat;background-size:10px 20px;width:10px;height:20px;cursor:pointer}.settings-name{font-size:24px;line-height:28px;margin:28px 0 50px}.volume-name{font-size:30px;line-height:28px;margin-bottom:35px}.settings-volume-range{position:relative}.volume-range{-webkit-appearance:none;height:3px;width:298px;cursor:pointer;background-color:#a4a4a4}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;height:16px;width:16px;border-radius:50%;background-color:#fff}.button-mute{position:absolute;top:35px;left:0;background-image:url(../assets/svg/volumeMute.svg);background-repeat:no-repeat;width:23px;height:16px}.button-volume{position:absolute;top:35px;right:0;background-image:url(../assets/svg/volume.svg);background-repeat:no-repeat;width:16px;height:16px}.time-game-name{margin:86px 0 20px;font-size:30px;line-height:28px}.time-answer{margin:52px 0 20px;font-size:30px;line-height:28px}.time-input{display:flex}.btn-settings{border-radius:50%;border:none;width:33px;height:33px;font-size:30px}.button-prev{margin-right:25px;background-color:#ffbca2}.button-next{margin-left:25px}.time-input-count{font-size:24px;line-height:28px}.main-settings-button{display:flex;margin:53px 0 50px}.main-settings-button button{width:156px}.main-settings-button .button-save{margin-left:16px;background-color:#ffbca2;color:#000}}
@media screen and (min-width: 300px){.categories-pictures-wrapper{background-color:#000;width:100vw;height:100vh;position:relative}.main-categories-pictures{margin:auto;width:91.5vw;height:100vh;background-color:#000;color:#fff;background-image:url(../assets/svg/categoriesLogo.svg);background-repeat:no-repeat;background-position:top 22px left}.pictures-grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(100px, 155px));grid-column-gap:18px;grid-row-gap:20px;padding-bottom:92px}.pictures-grid-item{max-width:155px;height:190px;box-sizing:border-box}.pictures-grid-item-wrap-title{display:flex;justify-content:space-between;width:100%}.pictures-img-wrap{width:155px;height:164px;margin-top:8px;border-radius:20px;overflow:hidden;position:relative}.pictures-img{max-width:100%;height:100%;border-radius:20px;cursor:pointer;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.pictures-img-color{-webkit-filter:none;filter:none}.pictures-count{padding-right:3px}.pictures-score-button{width:155px;height:40px;position:absolute;bottom:-100%;left:0px;border:none;background-color:#ffbca2;background-image:url(../assets/svg/CategoriesScore.svg);background-repeat:no-repeat;background-position:right 20px top 8px;font-size:18px;color:#fff;transition:.4s all ease;cursor:pointer}.pictures-score-button:hover{background-color:#ff966d}.pictures-score-button-open{bottom:0}.categories-pictures-title{font-size:24px;line-height:28px;padding:111px 0 51px}.categories-pictures-sidebar{display:flex;justify-content:space-around;align-items:flex-end;position:fixed;bottom:0;left:0;width:100vw;height:75px;font-size:12px;border:1px solid #fff;background-color:#000;box-sizing:border-box;border-radius:20px 20px 0px 0px;border-bottom:none;z-index:2}.sidebar-button{display:flex;align-items:flex-end;height:48px;margin-bottom:13px;background-repeat:no-repeat;background-position:top center;background-color:transparent;color:#fff;border:none;box-sizing:border-box}.sidebar-home{background-image:url(../assets/svg/categoriesHome.svg)}.sidebar-categories{background-image:url(../assets/svg/CategoriesCategories.svg)}}
@media screen and (min-width: 300px){.question-picture-wrapper{width:100vw;height:100vh;background-color:#000}.question-picture{width:calc(100% - 32px);height:100vh;margin:0 auto;overflow-y:hidden}.question-picture-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px}.question-picture-header-time{color:#fff;font-size:18px}.question-close{box-sizing:border-box;width:15px;height:15px;background-color:transparent;background-image:url(../assets/svg/CategoryClose.svg);background-repeat:no-repeat;border:none;cursor:pointer}.question-close:hover{opacity:.7}.question-picture-question{color:#fff;font-size:21px;line-height:28px;letter-spacing:-0.5;margin:36px 0 25px}.question-picture-wrap{width:100%;height:294px;margin:0 0 25px}.question-picture-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.question-author-button-wrap{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, 158px);grid-column-gap:12px;grid-row-gap:10px}.question-author-button-wrap .question-author-button{width:158px;height:48px;font-size:16px;line-height:18px;transition:.6s all ease}.question-author-button-wrap .question-author-button:hover{color:#000;background-color:#ffbca2}.main-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.button-next-wrap{padding:15px 15px 20px;width:calc(100% - 30px);transform:translateY(100%);background-color:#fff;border-radius:20px;color:#000;display:flex;flex-direction:column;align-items:center;transition:.4s all ease;position:relative;z-index:4}.button-next-wrap .button-modal-next{background-color:#ffbca2;color:#000;border:none;height:46px;width:180px;margin-top:20px;font-size:16px;transition:.4s all ease}.button-next-wrap .button-modal-next:hover{background-color:#fb966e}.button-next-wrap-open{transform:translateY(-120%)}.current-image{border-radius:20px;margin-bottom:20px;width:300px;height:260px;position:relative}.question-picture-img-modal{width:100%;height:100%;object-fit:cover;border-radius:20px}.answer-true{width:40px;height:40px;border-radius:50%;background-image:url(../assets/svg/true.svg);background-repeat:no-repeat;background-size:40px 40px;background-color:#000;position:absolute;bottom:20px;left:20px}.answer-false{background-image:url(../assets/svg/false.svg);background-color:#000}.current-name{font-size:20px;margin-bottom:10px}.current-author{margin-bottom:10px}.overflow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:rgba(0,0,0,.7)}.overflow-active{display:block}.question-close-modal{padding:15px 15px 20px;width:calc(100% - 62px);position:fixed;z-index:4;transform:translateY(-100%);background-color:#fff;border-radius:20px;color:#000;transition:.4s all ease}.question-close-modal .question-close-modal-menu,.question-close-modal .question-close-modal-category{width:144px;height:46px;color:#000;font-size:16px;line-height:18px;border:1px solid #000;transition:.4s ease all}.question-close-modal .question-close-modal-menu:hover,.question-close-modal .question-close-modal-category:hover{background-color:#ffbca2;border:1px solid #ffbca2}.question-close-modal-open{transform:translateY(100%)}.button-close-modal-menu{width:14px;height:14px;display:block;margin:5px 5px 0 auto;background-image:url(../assets/svg/Close.svg);background-repeat:no-repeat;background-size:14px 14px;background-color:transparent;border:none;cursor:pointer}.question-close-modal-text{text-align:center;width:199px;font-size:22px;line-height:28px;margin:30px auto 55px}.quiz-modal-end{width:calc(100% - 50px);padding:0 9px 25px;position:fixed;top:50%;left:50%;z-index:4;transform:translate(200%, -50%);background-color:#fff;border-radius:20px;color:#000;background-image:url(../assets/svg/ResultLogo.svg);background-repeat:no-repeat;background-size:148px 140px;background-position:top 68px left 90px;transition:.4s ease all}.quiz-modal-end .modal-button-end-exit,.quiz-modal-end .modal-button-end-next{border:1px solid #000;color:#000;width:150px;height:48px;font-size:16px;line-height:18px;transition:.4s all ease}.quiz-modal-end .modal-button-end-exit:hover,.quiz-modal-end .modal-button-end-next:hover{background-color:#ffbca2;border:1px solid #ffbca2}.quiz-modal-end .modal-button-end-exit{margin-right:5px}.quiz-modal-end-open{transform:translate(-50%, -50%)}.end-text{margin:238px 0 31px;text-align:center;font-size:22px;line-height:28px}.end-result{font-size:48px;font-weight:700;text-align:center;margin-bottom:38px}.quiz-modal-end-close{width:14px;height:14px;background-image:url(../assets/svg/Close.svg);background-repeat:no-repeat;background-size:14px 14px;cursor:pointer;background-color:transparent;border:none;display:block;margin:23px 14px 0 auto}.question-picture-progress-dot{position:absolute;z-index:3;bottom:230px;left:50%;transform:translateX(-50%);width:230px}.picture-progress-dot{width:9px;height:9px;display:inline-block;margin-right:10px;border-radius:50%;background-color:#b6b6b6}.picture-progress-dot-true{background-color:#5eff99}.picture-progress-dot-false{background-color:#ff5959}}
@media screen and (min-width: 300px){.score-wrapper{width:100vw;height:100vh;background-color:#000;background-image:url(../assets/svg/categoriesLogo.svg);background-repeat:no-repeat;background-position:left 16px top 22px;padding:0 16px}.score-title{color:#fff;font-size:24px;line-height:28px;cursor:pointer;margin:111px 0 51px;padding-left:24px;position:relative}.score-title::before{content:"";width:10px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-image:url(../assets/svg/settingsArrow.svg);background-repeat:no-repeat}.score-grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit, minmax(100px, 155px));grid-column-gap:18px;grid-row-gap:20px;padding-bottom:92px}.score-img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}}
@media screen and (min-width: 300px){.question-artist-wrapper{width:100vw;height:100vh;background-color:#000;overflow-y:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between}.question-artist-header{margin:24px 18px}.question-artist-question{color:#fff;font-size:22px;line-height:28px;margin:0 18px 50px 18px}.question-artist-wrap{display:grid;justify-content:center;grid-column-gap:18px;grid-row-gap:14px;grid-template-columns:repeat(auto-fit, minmax(100px, 155px));margin-bottom:50px}.question-artist-img{width:155px;height:164px;border-radius:20px;box-sizing:border-box;cursor:pointer;transition:all,.6s ease}.question-artist-img:hover{transform:scale(1.1)}.question-artist-progress-dot{display:flex;align-items:center;justify-content:center;margin-bottom:100px}}
@media screen and (min-width: 300px){body{background-color:#000;background-image:url(../assets/img/j-retrato-de-cardenal-rafael-360px.jpg);background-repeat:no-repeat;background-position-x:50%;position:relative;margin:0;padding:0}.main-page{width:90%;margin:auto}.main-wrapper-out{transform:translateX(-110%)}.settings{position:absolute;right:22px;top:22px;background-color:transparent;border:none;box-sizing:border-box;background-image:url(../assets/svg/settings.svg);background-repeat:no-repeat;width:34px;height:34px;cursor:pointer;transition:.3s}.settings:hover{opacity:.6}.main{display:flex;justify-content:center;align-items:center;flex-direction:column}.logo-main{margin-top:250px;width:166px;height:62px}.button{width:268px;height:56px;border-radius:56px;background-color:transparent;border:1px solid #fff;color:#fff;font-size:24px;box-sizing:border-box}.button-artist{margin-top:33px}.button-pictures{margin-top:20px}.main-footer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:90%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px}.footer-name-link{transition:.4s}.footer-name-link:hover{opacity:.6}}@media screen and (min-width: 361px){body{background-color:#000;background-image:url(../assets/img/j-retrato-de-cardenal-rafael-768px.jpg);background-repeat:no-repeat;background-position-x:50%}}@media screen and (min-width: 769px){body{background-color:#000;background-image:url(../assets/img/j-retrato-de-cardenal-rafael-1440px.jpg);background-repeat:no-repeat;background-position-x:50%}}
@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;src:url(../assets/fonts/Gilroy-Medium.eot);src:local(""),url(../assets/fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/Gilroy-Medium.woff2) format("woff2"),url(../assets/fonts/Gilroy-Medium.woff) format("woff"),url(../assets/fonts/Gilroy-Medium.ttf) format("truetype")}body{font-family:"Gilroy",sans-serif;margin:0;background-color:#000;height:100vh}a{text-decoration:none;color:#fff;cursor:pointer}.preloader{width:100%;height:100%;background-color:#000}.pswp__preloader__icn{opacity:.75;width:14px;height:14px;-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite;position:fixed;top:5px;left:5px}.pswp__preloader__icn-hide{display:none}.pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden;position:absolute;top:0;left:0}.pswp__preloader__donut--fake{box-sizing:border-box;width:14px;height:14px;border:2px solid red;border-radius:50%;position:absolute;top:0;left:0;background:none;margin:0}.pswp__preloader__donut{box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;position:absolute;top:0;left:0;background:none;margin:0;-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(-140deg)}100%{-webkit-transform:rotate(0)}}@keyframes donut-rotate{0%{transform:rotate(0)}50%{transform:rotate(-140deg)}100%{transform:rotate(0)}}