*{margin:0;padding:0;box-sizing:border-box}.wrapper{gap:0;grid-template-rows:70px 1fr 70px;grid-template-columns:1fr;grid-template-areas:"header header header" "sidebar main main" "footer footer footer"}.preload *{transition:none!important}.no-scroll{overflow:hidden}.header{grid-area:header;display:flex;justify-content:space-between;align-items:center}.header form{display:flex}.header__button{display:flex;flex-shrink:0;background:none;outline:none;border:none;cursor:pointer;z-index:2}.header__button i{opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;display:none}.header__button i.on{display:block;opacity:1}.nav{grid-area:sidebar;width:100%;display:flex;flex-direction:column;overflow-x:hidden;z-index:30}.nav__links_item{display:flex;align-items:center;padding:12px 0 12px 30px;min-height:40px;cursor:pointer}.nav__links_collapse .nav__links_item{padding-left:40px}.nav__links_item::before{padding-right:10px}.nav__links{position:fixed;left:0;top:70px;transform:translateX(-240px);transition:transform 0.3s;z-index:30;height:100%}.nav--open{width:100%}.nav--open .nav__links{transform:translateX(0);width:100%}.nav__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);visibility:hidden;opacity:0;transition:opacity 0.3s}.nav--open .nav__overlay{visibility:visible;opacity:1;z-index:1}.nav__links_collapse{display:none}.main{grid-area:main;position:relative;z-index:0;top:70px;overflow-x:hidden}.featured-article,.all-article{display:flex;flex-direction:column}.all-article{align-items:flex-start;width:100%}.related-articles .related-item{display:flex;flex-direction:row;align-content:stretch;align-items:center;margin-bottom:20px;justify-content:center}img.img-featured-item,img.img-personality{width:100%;height:auto;position:relative}img.img-item{width:100%;height:200px}.related-articles .related-item img.img-item{order:0;flex:2 1 auto;align-self:auto;width:30%}.article-item{width:100%}.related-articles .related-item .article-txt{order:0;flex:1 2 auto;align-self:center;padding:0 20px;vertical-align:middle}.featured-article-item,.article-item,.article-txt,img.img-item{position:relative}.featured-article-txt{position:absolute}.featured-article-item .btn-article{position:absolute;bottom:0}.article-item .btn-article{position:absolute;bottom:25px;left:25px}.related-articles .related-item .btn-article{order:0;flex:0 1 auto;align-self:auto}.img-cover-article{width:100%;max-height:400px;object-fit:cover}.article-item.hidden,.tag-txt.hidden,.category-txt.hidden{display:none}.quiz-type{display:grid;grid-auto-columns:1fr;gap:0 0;grid-auto-flow:row;grid-template-areas:"trivia" "personality" "imgquiz";width:100%;height:100%}.qt{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center}.trivia h2,.personality h2,.imgquiz h2{order:0;flex:0 1 auto;align-self:auto;padding-top:30px}.trivia img,.personality img,.imgquiz img{order:0;flex:1 1 auto;align-self:auto;max-width:100%}.trivia .btn,.personality .btn,.imgquiz .btn{order:0;flex:0 1 auto;align-self:auto}.trivia{grid-area:trivia}.personality{grid-area:personality}.imgquiz{grid-area:imgquiz}div.social-share{grid-area:share;width:100%;margin-bottom:40px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;align-items:center}div.social-share div{flex:1 1 auto;align-self:center;text-align:center;padding:15px}div.social-share div a{height:25px}.answ{gap:10px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-content:center;align-items:stretch;margin-bottom:20px}.answ label{order:0;flex:0 1 auto;align-self:auto}.imgansw{display:flex;flex-wrap:wrap;flex-direction:row}.imgansw>div{display:flex;flex-basis:calc(50% - 10px);justify-content:center;flex-direction:column}.imgansw>div>div{display:flex;justify-content:center;flex-direction:row}.imgansw .box{margin:5px}.imgansw img{max-width:100%;height:auto}.quiz-qa{display:flex;flex-direction:column;gap:25px}.quiz-qa .qst,.quiz-qa .adv-300-250,.quiz-qa .response{align-self:center;margin:0}.footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;z-index:10;position:relative;height:70px;margin-top:40px}.logo-footer{height:40px;width:170px;margin-left:25px}.policy{margin-right:25px}@media (min-width:768px){.wrapper{display:grid;grid-template-columns:200px 1fr;grid-template-rows:70px 1fr 70px;gap:0;grid-auto-flow:row;grid-template-areas:"header header" "sidebar main" "footer footer"}.header__button{display:none}.nav{height:calc(100% - 70px);position:fixed;top:70px;width:230px}.nav__links{transform:translateX(0);top:0;position:relative}.main{top:0}.featured-article,.all-article{display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;flex-grow:1}.featured-article-item,.article-item{margin-right:20px;width:auto;align-self:stretch;flex-grow:1}.article-item{max-width:400px}img.img-featured-item,img.img-personality{max-height:250px;position:relative}img.imgquiz{position:relative;max-width:100%}.featured-article-txt{max-width:450px}img.img-item{height:auto;max-height:150px;position:relative}.article-txt{max-width:350px}section.article{display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;gap:0;grid-template-areas:"image image" "share share" "text ad";width:100%}section.about{margin:0;width:80%}div.article{grid-area:text;margin-right:25px;margin-left:25px}.adv-300-250{width:300px;height:250px;grid-area:ad}.img-cover-article{grid-area:image}section.qst-answ{display:grid;grid-template-columns:160px 1fr 160px;gap:25px;grid-template-areas:"adv1 qa adv2";width:100%;margin-top:25px}section.qst-answ .adv-160-600{width:160px;height:600px}section.qst-answ .adv-160-600.adv1{grid-area:adv1}section.qst-answ .adv-160-600.adv2{grid-area:adv2}section.qst-answ .quiz-qa{grid-area:qa}.qt{flex-direction:row}.trivia img,.personality img,.imgquiz img{max-width:500px}}