:root{--primaryClr:#292929;--secondClr:#6903a8;--thirdClr:rgba(0,0,0,0.54)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:Playfair Display,serif;font-weight:900}p{font-family:Open Sans,sans-serif;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#292929;color:var(--primaryClr);text-decoration:none}.app-wrap{max-width:1200px;margin:0 auto;padding:0 20px;min-height:calc(100vh - 200px)}.App{position:relative;max-width:100%}.wrap-to-border{box-shadow:0 4px 12px 0 rgba(0,0,0,.05)}.navbar-wrap{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 20px;color:#292929;color:var(--primaryClr);flex-wrap:wrap}.right-side{display:grid;grid-template-columns:30px 90px 110px;grid-column-gap:10px;grid-template-rows:1fr;font-size:16px;margin:0 auto}.btn-join{width:110px;box-sizing:border-box;height:40px;border:1px solid #6903a8;border:1px solid var(--secondClr);background:transparent;border-radius:5px;outline:none;padding:10px;font-size:1rem}.btn-join,.signin{color:#6903a8;color:var(--secondClr);cursor:pointer}.signin{text-align:center;align-self:center;padding-bottom:3px}.search-wrap{align-self:center;justify-self:right;height:30px;position:relative}.search-input{background:hsla(0,0%,81.2%,.164);width:160px;height:100%;box-sizing:border-box;border:none;outline:none;display:none}.fa{width:30px;color:rgba(0,0,0,.54);color:var(--thirdClr);cursor:pointer}.category-wrap{height:70px;box-sizing:border-box}.sticky{position:fixed;top:0;left:0;background:#fff;height:70px;z-index:9999;right:0;margin:0 auto;box-shadow:0 4px 12px 0 rgba(0,0,0,.04)}.padding-sticky{padding-top:90px}.category-list{padding:0;display:flex;justify-content:space-between;flex-direction:row;list-style-type:none;text-transform:uppercase;align-items:center;font-size:.95rem;overflow-x:scroll;height:100%;max-width:1200px;margin:0 auto}.category-list,.category-list a{color:rgba(0,0,0,.54);color:var(--thirdClr)}.item{padding:0 10px}.left-side{width:100%;text-align:center}.loader-overlay{position:fixed;width:99vw;height:100vh;z-index:999;left:0;top:0;right:0;background:#fff}.footer,.loader-overlay{display:flex;justify-content:center;align-items:center}.footer{height:200px;width:100%;background:#1f1f1f;color:hsla(0,0%,100%,.534);font-weight:300;flex-direction:column;padding:0 20px;box-sizing:border-box}.footer a{color:hsla(0,0%,100%,.808)}.site{height:700px}@media(min-width:460px){.right-side{grid-template-columns:190px 90px 110px;margin:0;borderRadius:50}.navbar-wrap{display:flex;justify-content:center;align-items:center;height:100%}.search-input{display:inline}}@media(min-width:658px){.navbar-wrap{justify-content:space-between}.left-side{text-align:left;width:140px;borderRadius:50}.category-list{color:rgba(0,0,0,.54);color:var(--thirdClr);overflow-x:hidden}}.signin-container{align-items:center;width:320px;height:100%;margin:0 auto}.login-form,.signin-container{display:flex;justify-content:center;flex-direction:column}.login-form{align-items:left;padding:20px;width:100%}.btn{padding:15px;margin:10px 0;font-size:1.2rem;cursor:pointer;background:var(--primaryClr);color:#fff;border:0;border-radius:1px;outline:none;position:relative;z-index:1}.overlay{content:"";background:hsla(0,0%,65.5%,.158);width:40%;height:100%;position:absolute;top:0;left:0;z-index:10;-webkit-transform:translateY(10%);transform:translateY(10%);transition:all 1s ease-in-out;opacity:0}.btn:hover .overlay{-webkit-transform:translateY(0);transform:translateY(0);width:100%;height:100%;opacity:1}.login-form input{height:40px;font-size:1.6rem;margin:6px 0}.login-form label:first-child:before{content:"\F0E0   ";font-family:FontAwesome}.login-form label:before{content:"\F13E   ";font-family:FontAwesome}.search-list{z-index:900;position:absolute;top:50px;left:-30px;width:300px;padding:0 50px}.suggestions{margin:0;padding:0;position:relative}.suggestions li{background:hsla(0,0%,94.1%,.938);list-style:none;border-bottom:1px solid #d8d8d8;box-shadow:0 0 10px rgba(0,0,0,.14);margin:0;padding:20px;transition:background .2s;display:flex;justify-content:space-between;text-transform:capitalize}.content-wrap{display:grid;grid-row-gap:30px;grid-column-gap:20px;borderRadius:50}.page{margin:5% 0;position:relative;font-size:.9rem;max-height:450px;overflow:hidden}.page-overlay{position:absolute;top:0;left:0;padding:3% 40% 3% 3%;overflow:hidden}.page p{line-height:20px;font-size:12px}.page h1{font-size:1.2rem;line-height:28px;font-weight:700}hr{border:.5px solid rgba(0,0,0,.068);margin-top:0}.date{font-size:.8rem}.card-wrap p,.date{color:var(--thirdClr)}.card-wrap p{font-family:Segoe UI,Open Sans,sans-serif;font-size:1rem}.ads-image,.content-wrap img{width:100%;height:auto}.category-title{width:80px;margin-bottom:0;border-bottom:1px solid #000}@media (min-width:640px){.content-wrap{grid-template-columns:1fr 1fr;grid-template-rows:auto}.card-wrap:first-child{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:3;font-size:1.2rem;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr;grid-column-gap:20px}.card-wrap:first-child img{min-height:auto;width:100%;borderRadius:50}}@media (min-width:960px){.card-wrap:first-child{grid-template-columns:4fr 2fr;borderRadius:50}.card-wrap:first-child .card{align-self:center}.page p{line-height:24px;font-size:1rem}.page h1{font-size:2.65rem;line-height:48px;font-weight:700}}@media (min-width:1286px){.content-wrap{width:100%;grid-template-columns:320px 520px 320px;grid-template-rows:1fr 1fr 1fr;font-size:.7rem;grid-gap:20px;borderRadius:50}.content-wrap h2{margin:0}.card-wrap{display:grid;grid-template-columns:200px auto;grid-template-rows:auto;grid-row-gap:40px}.pos{position:relative;height:150px}.content-wrap img,.pos{width:180px;padding-right:20px}.content-wrap img{height:120px;borderRadius:50}.card-wrap:first-child{grid-row-start:1;grid-row-end:4;grid-column-start:1;grid-column-end:2;font-size:1rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.card-wrap:first-child img{width:360px;height:240px;left:-40px;position:absolute}.card-wrap:first-child .card{align-self:flex-start}.card-wrap:nth-child(2){grid-row-start:1;grid-row-end:4;grid-column-start:3;grid-column-end:4;font-size:1rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.card-wrap:nth-child(2) img{width:360px;height:240px;position:absolute}}.main-category-wrap{display:grid;grid-gap:30px;margin:5% 0}.category-image{width:100%;height:auto}.main-category-wrap h2{margin:0}.main-category-wrap p{line-height:26px}@media(min-width:750px){.main-category-wrap{display:grid;grid-template-columns:5fr 3fr;grid-template-areas:auto}.category-image{grid-column-start:2;grid-column-end:3}.category-text-wrap{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;align-self:center}}.page-container{padding-top:20px;display:grid;grid-template-rows:auto;grid-gap:0}.page-container h1{margin:0;font-size:3.5rem;line-height:64px;word-wrap:break-word}.figure{width:104%;-webkit-transform:translateX(-2%);transform:translateX(-2%);height:auto;grid-row-start:1;grid-row-end:2}.page-container h3 a{color:var(--secondClr);text-transform:uppercase}.page-container h4{color:var(--thirdClr);font-weight:300;font-size:1.45rem;line-height:28px}.text-page p{font-size:1.35rem;line-height:33px;margin-bottom:5%;font-weight:300}.side-bar{justify-self:center}.fa{color:var(--primaryClr)}em,u{font-weight:300;padding:10px}em:after{content:' "'}em:before{content:'" '}.text-page img{max-height:100%;max-width:100%}@media(min-width:940px){.page-container{grid-template-columns:repeat(10,1fr);grid-row:auto;padding-top:0;align-items:center;grid-column-gap:30px;grid-row-gap:60px}.figure{width:103%;height:auto;grid-column-start:5;grid-column-end:11;grid-row-start:1;grid-row-end:2;-webkit-transform:translateX(0);transform:translateX(0)}.page-wrap{padding:0 10px 0 0;grid-column-start:1;grid-column-end:5}.text-page{grid-column-start:3;grid-column-end:11;grid-row-start:2;grid-row-end:3;padding:0 20px}.side-bar{grid-column-start:1;grid-column-end:3;align-self:flex-start;padding-top:50%}.vote-container{position:relative}.vote{font-size:.7rem;position:absolute;top:-12px;left:29px}}@media(min-width:1340px){.figure{width:110%;borderRadius:50}}@media(min-width:1840px){.figure{width:130%;borderRadius:50}}
/*# sourceMappingURL=main.b5b84013.chunk.css.map */