From aceeada8c418a0e1ee52d250fdd321e73c8b9a82 Mon Sep 17 00:00:00 2001 From: Hazem Krimi Date: Mon, 29 Jun 2020 16:56:45 +0100 Subject: [PATCH] Updates --- asset-manifest.json | 18 ++++++++ favicon.ico | Bin 0 -> 16958 bytes index.html | 1 + ...nifest.ec16d46e45ab4547f3d6de67c9167181.js | 34 +++++++++++++++ service-worker.js | 39 ++++++++++++++++++ static/css/main.46d00040.chunk.css | 2 + static/css/main.46d00040.chunk.css.map | 1 + static/js/2.7e2131bb.chunk.js | 2 + static/js/2.7e2131bb.chunk.js.map | 1 + static/js/main.ea36e504.chunk.js | 2 + static/js/main.ea36e504.chunk.js.map | 1 + static/js/runtime~main.3cad234d.js | 2 + static/js/runtime~main.3cad234d.js.map | 1 + static/media/home-page-wave.3e6842ee.svg | 23 +++++++++++ static/media/landing-page-wave.acee5641.svg | 31 ++++++++++++++ static/media/post-page-wave.60cc297a.svg | 23 +++++++++++ 16 files changed, 181 insertions(+) create mode 100644 asset-manifest.json create mode 100644 favicon.ico create mode 100644 index.html create mode 100644 precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js create mode 100644 service-worker.js create mode 100644 static/css/main.46d00040.chunk.css create mode 100644 static/css/main.46d00040.chunk.css.map create mode 100644 static/js/2.7e2131bb.chunk.js create mode 100644 static/js/2.7e2131bb.chunk.js.map create mode 100644 static/js/main.ea36e504.chunk.js create mode 100644 static/js/main.ea36e504.chunk.js.map create mode 100644 static/js/runtime~main.3cad234d.js create mode 100644 static/js/runtime~main.3cad234d.js.map create mode 100644 static/media/home-page-wave.3e6842ee.svg create mode 100644 static/media/landing-page-wave.acee5641.svg create mode 100644 static/media/post-page-wave.60cc297a.svg diff --git a/asset-manifest.json b/asset-manifest.json new file mode 100644 index 0000000..e0314fb --- /dev/null +++ b/asset-manifest.json @@ -0,0 +1,18 @@ +{ + "files": { + "main.css": "/pexta/static/css/main.46d00040.chunk.css", + "main.js": "/pexta/static/js/main.ea36e504.chunk.js", + "main.js.map": "/pexta/static/js/main.ea36e504.chunk.js.map", + "runtime~main.js": "/pexta/static/js/runtime~main.3cad234d.js", + "runtime~main.js.map": "/pexta/static/js/runtime~main.3cad234d.js.map", + "static/js/2.7e2131bb.chunk.js": "/pexta/static/js/2.7e2131bb.chunk.js", + "static/js/2.7e2131bb.chunk.js.map": "/pexta/static/js/2.7e2131bb.chunk.js.map", + "index.html": "/pexta/index.html", + "precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js": "/pexta/precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js", + "service-worker.js": "/pexta/service-worker.js", + "static/css/main.46d00040.chunk.css.map": "/pexta/static/css/main.46d00040.chunk.css.map", + "static/media/HomePage.scss": "/pexta/static/media/home-page-wave.3e6842ee.svg", + "static/media/LandingPage.scss": "/pexta/static/media/landing-page-wave.acee5641.svg", + "static/media/PostPage.scss": "/pexta/static/media/post-page-wave.60cc297a.svg" + } +} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..2e6123555ed46c2db2ee1df74f646b1f07761176 GIT binary patch literal 16958 zcmds-VQd`57036u5P!f`9L2P1RWKp~@u5h~he{ySVyZ@MsVZS%RkTtYOp}llXh3d? z1-6Iwe{`p$ySRSgyYBWt+VDb zUZ3xF=jb_St>tv%pxbmux0`8u!R@;JMYn(bA$RC!FS{eHJ?{8zhu!g8UvWp)z3L9# z@|xR!^XqQcPu_4dYu|L6)*Nx`D?dW}-*DG+?y~GYx1;@6?!boq?j#HZ1_A?tfxtju zATSUZ2n+-U0t118z(8OiFqnkF!0O+)9jlJ!mf0Vvy&muF@@ntd-$5US2mfc?VzNbAO1_A?tfmD!zz`%z= zw&kr{U9!=~zxu()y;SEeuVw3#UJeEV1A&2jiVOq>IT*BD-x6;8K;|)n&f-sa^rw68^P8X9 z;tLGq3}8^!ys+;cf9Z4g`eQJVGlYT8jU~kg`|tKs&u{koU?4D%7!2NHZu~BDH#CpD(ms-=iO73=QQVKC#AZ zH(MPBi(#-81}81-%lE@TEHn73X$Kn0_YDo@JhM$Hbr>|lz_Y}l|M*YyLog7_ z3}&pe&``copd(F0#fhcZuWev(DGWv}Fc|vXE%^}`h-C(wO+p$LeBv5>;`veigy&$e zHz9-Z-`|uUhk;mT@TYK$g(X_r+hyvBCt=XZyb!73;u9}|L6SY!@weCJM_?e98H^R$ z9ll3Pdp4$?xFhVtEMagw0fUi0uE`IZhNc?s zHy$iftV}iZ+u6I}FGcb?}FlaZ&i>7*ROkG(Syk_>NbzAO4t~jV@MC@pjrYo;v;wX_-g zAJ|&U;U{DeIY-&BTl+viSb{$|VCYEY=45G}>Wuv_?H}8-QTFS(65@kVG?cToAKNed zK|TJUjkU91prORgN6OANKJ2XH$i-yv*V+0l^*sLIEd0Uw#0OX56IbCAx8W22fKQx= zxo$LbG&NUu*8OiCC$_iDX1|^<@*GT}p@!`+UfXhf;!XI(2k?o9@QH)? z#1CV}2c_ob&Cun{@nU0&qc0|d_hIlYw6w+i7A{6p{SLbFI<)nN@rj4=iGRZxS=IlAXD1I^iv)K0^DJXeYB3psk`Ap_0Xwvq#Wiotw(4m4-mitXX^ z0R#Ol%m;s87ny*|^Tvv)+<+j0oT{G#rG3na5oE!|zQ`KDEqHCFQZAsD| z`&BCU{-ZlR~b1*ayMRRd9A4zkvG%qdC=PNlr5pf*;iJWkp1}%FX zC#|J^E5(GCR|X#k4Mw%TC}Uw zbETH4VW**JIa>I6)^YTD#>H#HRGFG^QoU5$Cv^NyJKs+UvtfrXqr?clgsM|BswkYP ue_Do|LT(|)uncaC-k2<{m3yz2+_3Pz1RXSda^J%HIDKDfz{k9T+xsyn;q}-6 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..dc59ee2 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Pexta
\ No newline at end of file diff --git a/precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js b/precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js new file mode 100644 index 0000000..501fda6 --- /dev/null +++ b/precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js @@ -0,0 +1,34 @@ +self.__precacheManifest = (self.__precacheManifest || []).concat([ + { + "revision": "585e46f8f18271b62b8d4c04a7ff9b3c", + "url": "/pexta/index.html" + }, + { + "revision": "4d1aba9f7ee3afcf0d03", + "url": "/pexta/static/css/main.46d00040.chunk.css" + }, + { + "revision": "6a5360c031a3c0e2623c", + "url": "/pexta/static/js/2.7e2131bb.chunk.js" + }, + { + "revision": "4d1aba9f7ee3afcf0d03", + "url": "/pexta/static/js/main.ea36e504.chunk.js" + }, + { + "revision": "e3a4d301ab76b912fed2", + "url": "/pexta/static/js/runtime~main.3cad234d.js" + }, + { + "revision": "3e6842eeae69e3e8e26fc3e0cb516dc1", + "url": "/pexta/static/media/home-page-wave.3e6842ee.svg" + }, + { + "revision": "acee564143c93d791aa87a63d374688d", + "url": "/pexta/static/media/landing-page-wave.acee5641.svg" + }, + { + "revision": "60cc297a6550e2db5fe7e2911993d2e8", + "url": "/pexta/static/media/post-page-wave.60cc297a.svg" + } +]); \ No newline at end of file diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 0000000..a816e68 --- /dev/null +++ b/service-worker.js @@ -0,0 +1,39 @@ +/** + * Welcome to your Workbox-powered service worker! + * + * You'll need to register this file in your web app and you should + * disable HTTP caching for this file too. + * See https://goo.gl/nhQhGp + * + * The rest of the code is auto-generated. Please don't update this file + * directly; instead, make changes to your Workbox build configuration + * and re-run your build process. + * See https://goo.gl/2aRDsh + */ + +importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); + +importScripts( + "/pexta/precache-manifest.ec16d46e45ab4547f3d6de67c9167181.js" +); + +self.addEventListener('message', (event) => { + if (event.data && event.data.type === 'SKIP_WAITING') { + self.skipWaiting(); + } +}); + +workbox.core.clientsClaim(); + +/** + * The workboxSW.precacheAndRoute() method efficiently caches and responds to + * requests for URLs in the manifest. + * See https://goo.gl/S9QRab + */ +self.__precacheManifest = [].concat(self.__precacheManifest || []); +workbox.precaching.precacheAndRoute(self.__precacheManifest, {}); + +workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/pexta/index.html"), { + + blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/], +}); diff --git a/static/css/main.46d00040.chunk.css b/static/css/main.46d00040.chunk.css new file mode 100644 index 0000000..e144bbc --- /dev/null +++ b/static/css/main.46d00040.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);#landing-nav{height:10vh;padding:1rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#landing-nav .nav-logo{width:7rem;height:7rem}#landing-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#landing-nav .big-btns{display:none}#landing-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#landing-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}#landing-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#landing-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#landing-nav .mobile-menu .small-btns{padding-top:10rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem}#landing-nav .mobile-menu #sign-up-btn{font-size:2.2rem}#landing-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}@media only screen and (min-width:768px) and (orientation:landscape){#landing-nav{padding:2.5rem 0}#landing-nav .big-btns{display:block}#landing-nav .mobile-menu-btn{display:none}}#showcase{height:85vh;display:grid;grid-template-rows:repeat(2,auto)}#showcase h1{text-align:center;font-weight:bolder;font-size:2.5rem;align-self:center}#showcase .contact{text-align:right;align-self:flex-end}#showcase .contact svg{cursor:pointer;width:2.5rem;height:2.5rem;fill:#d3d3d3;-webkit-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}#showcase .contact svg:nth-child(2){margin-left:.2rem;margin-right:.2rem}#showcase .contact .facebook:hover{fill:#4267b2}#showcase .contact .instagram:hover{fill:#e4405f}#showcase .contact .mail:hover{fill:#dd4b39}@media only screen and (min-width:768px) and (orientation:landscape){#showcase h1{font-size:3rem;align-self:center}#showcase .contact,#showcase h1{text-align:left}#showcase .contact svg{width:3rem;height:3rem;margin-bottom:0}}#sign-up-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#sign-up-container #sign-up{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#sign-up-container #sign-up .close-sign-up{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;justify-self:flex-end}#sign-up-container #sign-up .close-sign-up path{fill:url(#linear-gradient)}#sign-up-container #sign-up h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#sign-up-container #sign-up form{padding:2rem;display:grid;justify-items:center;align-items:center;grid-row-gap:.2rem}#sign-up-container #sign-up form input{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#sign-up-container #sign-up form input:focus{outline:none}#sign-up-container #sign-up form button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;color:#fff;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}@media only screen and (min-width:768px) and (orientation:landscape){#sign-up{position:absolute;top:12%;right:7%}h2{font-size:2rem}form{padding:2rem 4rem}form input{padding:1rem}form button{padding:1rem 1.5rem}}#log-in-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#log-in-container #log-in{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#log-in-container #log-in .close-log-in{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;justify-self:flex-end}#log-in-container #log-in .close-log-in path{fill:url(#linear-gradient)}#log-in-container #log-in h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#log-in-container #log-in form{padding:2rem;display:grid;justify-items:center;align-items:center;grid-row-gap:.2rem}#log-in-container #log-in form input{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#log-in-container #log-in form input:focus{outline:none}#log-in-container #log-in form button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;color:#fff;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}@media only screen and (min-width:768px) and (orientation:landscape){#log-in{position:absolute;top:12%;right:7%}h2{font-size:2.5}form{padding:2rem 4rem}form input{padding:1rem}form button{padding:1rem 1.5rem}}#landing-page{height:100vh;background:100% 100%/contain no-repeat url(/pexta/static/media/landing-page-wave.acee5641.svg)!important}.btn{margin:.5rem 1rem}.btn-mobile{font-size:2rem}.btn-white{background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-white:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#home-nav{height:10vh;padding:.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#home-nav .nav-logo{width:7rem;height:7rem}#home-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#home-nav .btn-gradient{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#home-nav .btn-gradient{display:inline}}#home-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#home-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}@media only screen and (min-width:769px) and (orientation:landscape){#home-nav .mobile-menu-btn{display:none}}#home-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#home-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#home-nav .mobile-menu .current-user{padding-top:2rem;display:grid;grid-template-rows:repeat(2,auto);justify-items:center}#home-nav .mobile-menu .current-user h3{font-size:1.7rem;color:#fff}#home-nav .mobile-menu .current-user .avatar{width:6rem;height:6rem}#home-nav .mobile-menu .current-user .avatar .cls-1{fill:#fff}#home-nav .mobile-menu .small-btns{padding-top:2.5rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem;font-size:1.3rem}#home-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}#posts{display:grid;grid-template-rows:auto 1fr;grid-row-gap:1.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47);padding:2rem;grid-row-gap:1rem}}#posts #posts-filter{font-size:1rem;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}#posts #posts-filter button{cursor:pointer}#posts #posts-filter .active{color:#ee72bf}#posts #posts-container{display:grid;grid-template-rows:auto;grid-row-gap:1rem}#posts #posts-container .post{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post{display:grid;grid-template-columns:1fr .3fr}}#posts #posts-container .post .info{padding:.5rem 1rem;display:grid;grid-template-columns:1fr auto;align-items:center}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info{padding:1rem;grid-template-columns:none;grid-template-rows:1fr auto;grid-row-gap:1rem}}#posts #posts-container .post .info .data{justify-self:flex-start;display:grid;grid-template-rows:repeat(3,auto);grid-row-gap:.1rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .data{grid-row-gap:.5rem}}#posts #posts-container .post .info .data h2{display:inline-block;cursor:pointer;font-weight:700;font-size:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .data h2{font-size:1.5rem}}#posts #posts-container .post .info .stats{justify-self:flex-end}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .info .stats{justify-self:flex-start;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem}}#posts #posts-container .post .interaction{padding:.2rem .5rem;border-radius:0 0 8px 8px;background:#e3e3e3;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .interaction{padding:.5rem;border-radius:0 8px 8px 0;grid-template-columns:none;grid-template-rows:repeat(3,1fr)}}#posts #posts-container .post .interaction .comment,#posts #posts-container .post .interaction .dislike,#posts #posts-container .post .interaction .like{width:100%;height:100%;padding:.5rem 1rem;cursor:pointer;display:flex;flex-direction:row;align-items:center}#posts #posts-container .post .interaction .comment:hover,#posts #posts-container .post .interaction .dislike:hover,#posts #posts-container .post .interaction .like:hover{background:#bebdbd;border-radius:8px}#posts #posts-container .post .interaction .comment:hover .cls-1,#posts #posts-container .post .interaction .dislike:hover .cls-1,#posts #posts-container .post .interaction .like:hover .cls-1{fill:#504e4e}#posts #posts-container .post .interaction .comment svg,#posts #posts-container .post .interaction .dislike svg,#posts #posts-container .post .interaction .like svg{width:1rem;height:1rem;margin-right:.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#posts #posts-container .post .interaction .comment svg,#posts #posts-container .post .interaction .dislike svg,#posts #posts-container .post .interaction .like svg{width:1.5rem;height:1.5rem}}#posts #posts-container .post .interaction .comment svg .cls-1,#posts #posts-container .post .interaction .dislike svg .cls-1,#posts #posts-container .post .interaction .like svg .cls-1{fill:#6a6a6a}#profile-info{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#profile-info{display:grid;grid-template-rows:repeat(2,auto) 1fr;grid-row-gap:1.5rem}}#profile-info .ad,#profile-info .contact,#profile-info .profile-stats{padding:1rem 3rem}#profile-info .ad,#profile-info .contact,#profile-info .profile,#profile-info .profile-stats{background:#fff;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}#profile-info .profile .settings-btn{cursor:pointer;width:1rem;height:1rem;margin:.5rem;position:relative;left:85%}#profile-info .profile .settings-btn .st0{fill:url(#linear-gradient)}#profile-info .profile .user{padding:0 3rem 1rem;text-align:center}#profile-info .profile .user svg{width:8rem;height:8rem}#profile-info .profile .user svg path{fill:url(#linear-gradient)}#profile-info .profile .user h3{font-size:1.5rem;font-weight:400}#profile-info .profile .user .user-btns{margin-top:1rem;display:grid;grid-row-gap:.3rem;font-size:1.1rem}#profile-info .profile .user .user-btns button{cursor:pointer;display:block}#profile-info .profile-stats{display:grid;grid-template-rows:repeat(2,1fr);grid-row-gap:1rem}#profile-info .profile-stats h3{text-align:left;font-size:1.1rem}#profile-info .profile-stats .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;justify-items:center;font-size:1.1rem}#profile-info .profile-stats .stats svg{width:1.5rem;height:1.5rem;margin-left:.1rem}#profile-info .profile-stats .stats svg .cls-1{fill:#6a6a6a}#profile-info .profile-stats .stats .comments,#profile-info .profile-stats .stats .dislikes,#profile-info .profile-stats .stats .likes{display:flex;flex-direction:row;align-items:center}#profile-info .ad{display:grid;align-items:center;justify-items:center;font-size:2rem;font-weight:700}footer{height:auto;background-color:#4e4e4e;color:#fff;font-size:11px}footer .container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-column-gap:.1rem;align-items:center;justify-items:center}footer .footer-logo{fill:hsla(0,0%,100%,.75);width:5.5rem;height:5.5rem;justify-self:flex-start}footer .copyright{justify-self:center;text-align:center}footer .footer-links{display:grid;grid-template-rows:repeat(2,auto);text-align:right}footer .footer-links span{cursor:pointer}footer .footer-links span:hover{color:#000;font-weight:700}@media only screen and (min-width:769px) and (orientation:landscape){footer{font-size:1rem}footer .container{grid-column-gap:1rem}footer .footer-links{justify-self:flex-end;grid-template-rows:none;grid-template-columns:repeat(2,auto);grid-column-gap:.5rem}}#add-post-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#add-post-container #add-post{padding:1rem;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;justify-items:center;grid-row-gap:.5rem}#add-post-container #add-post .close-add-post{cursor:pointer;width:1rem;height:1rem;justify-self:flex-end}#add-post-container #add-post .close-add-post path{fill:url(#linear-gradient)}#add-post-container #add-post h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#add-post-container #add-post form{width:100%;display:grid;justify-items:center;align-items:center;grid-row-gap:.5rem}#add-post-container #add-post form input,#add-post-container #add-post form textarea{font-family:Montserrat;width:100%;padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#add-post-container #add-post form input:focus,#add-post-container #add-post form textarea:focus{outline:none}@media only screen and (min-width:769px) and (orientation:landscape){#add-post-container #add-post{width:70%;padding:.5rem;height:auto}#add-post-container #add-post h2{font-size:2rem}#add-post-container #add-post .close-add-post{width:2.5rem;height:2.5rem;padding:.5rem}#add-post-container #add-post form{grid-row-gap:1rem}#add-post-container #add-post form input,#add-post-container #add-post form textarea{font-size:1rem}#add-post-container #add-post form button{padding:1rem 1.5rem;font-size:1rem;justify-self:flex-end}}#desktop-profile-settings-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#desktop-profile-settings-container #desktop-profile-settings{width:auto;padding:.8rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;grid-template-rows:auto 1fr;grid-row-gap:.5rem}#desktop-profile-settings-container #desktop-profile-settings>div{display:grid;grid-template-columns:repeat(2,auto)}#desktop-profile-settings-container #desktop-profile-settings .close-profile-settings{cursor:pointer;width:1.5rem;height:1.5rem;justify-self:flex-end}#desktop-profile-settings-container #desktop-profile-settings .close-profile-settings path{fill:url(#linear-gradient)}#desktop-profile-settings-container #desktop-profile-settings h2{font-size:1.5rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#desktop-profile-settings-container #desktop-profile-settings .settings{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.5rem}@media only screen and (max-width:1440px){#desktop-profile-settings-container #desktop-profile-settings .settings{grid-template-columns:repeat(2,auto)}}#desktop-profile-settings-container #desktop-profile-settings .settings h3{font-size:1rem;color:#7d7d7d}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=email],#desktop-profile-settings-container #desktop-profile-settings .settings input[type=password],#desktop-profile-settings-container #desktop-profile-settings .settings input[type=text]{padding:.5rem;border:none;border-bottom:1px solid #ee64d1}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=email]:focus,#desktop-profile-settings-container #desktop-profile-settings .settings input[type=password]:focus,#desktop-profile-settings-container #desktop-profile-settings .settings input[type=text]:focus{outline:none}#desktop-profile-settings-container #desktop-profile-settings .settings button:hover{-webkit-transform:none;transform:none;background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1)}#desktop-profile-settings-container #desktop-profile-settings .settings input[type=file]::-webkit-file-upload-button{cursor:pointer;outline:none;border:none;color:#7d7d7d;background:none;width:100%}#desktop-profile-settings-container #desktop-profile-settings .settings .change-email,#desktop-profile-settings-container #desktop-profile-settings .settings .change-password,#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo,#desktop-profile-settings-container #desktop-profile-settings .settings .change-username{padding:.5rem;border-radius:8px;border:1px solid #cfcbcb;display:grid;grid-template-rows:repeat(3,auto);justify-items:flex-start;align-items:center;justify-items:center;grid-row-gap:.5rem}#desktop-profile-settings-container #desktop-profile-settings .settings form{display:grid;justify-items:center;align-items:center}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo{grid-template-rows:repeat(4,auto)}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg{width:5rem;height:5rem}#desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg path{fill:url(#linear-gradient)}#mobile-profile-settings-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#mobile-profile-settings-container #mobile-profile-settings{width:70%;padding:2rem 1rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;grid-row-gap:1.5rem}#mobile-profile-settings-container #mobile-profile-settings>div{display:grid;grid-template-columns:repeat(2,auto)}#mobile-profile-settings-container #mobile-profile-settings>div .close-profile-settings{cursor:pointer;width:1rem;height:1rem;justify-self:flex-end}#mobile-profile-settings-container #mobile-profile-settings>div .close-profile-settings path{fill:url(#linear-gradient)}#mobile-profile-settings-container #mobile-profile-settings>div h2{font-size:1.2rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#mobile-profile-settings-container #mobile-profile-settings h3{cursor:pointer;justify-self:center;font-size:1rem;color:#7d7d7d}#mobile-profile-settings-container .change-email,#mobile-profile-settings-container .change-password,#mobile-profile-settings-container .change-photo,#mobile-profile-settings-container .change-username{grid-template-rows:repeat(2,auto);grid-row-gap:1rem;align-items:center;width:70%;padding:2rem 1rem;height:auto;border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:none}#mobile-profile-settings-container .change-email .settings-return,#mobile-profile-settings-container .change-password .settings-return,#mobile-profile-settings-container .change-photo .settings-return,#mobile-profile-settings-container .change-username .settings-return{cursor:pointer;display:inline-block;justify-self:flex-start}#mobile-profile-settings-container .change-email .settings-return h2,#mobile-profile-settings-container .change-password .settings-return h2,#mobile-profile-settings-container .change-photo .settings-return h2,#mobile-profile-settings-container .change-username .settings-return h2{font-size:1.3rem;background:-webkit-gradient(linear,left top,left bottom,from(#eacc56),to(#ee64d1));background:-webkit-linear-gradient(#eacc56,#ee64d1);background:linear-gradient(#eacc56,#ee64d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;justify-self:flex-start}#mobile-profile-settings-container .change-email .settings,#mobile-profile-settings-container .change-password .settings,#mobile-profile-settings-container .change-photo .settings,#mobile-profile-settings-container .change-username .settings{justify-self:center;display:grid;grid-template-rows:auto;grid-row-gap:1rem;align-items:center;justify-items:center}#mobile-profile-settings-container .change-email .settings h3,#mobile-profile-settings-container .change-password .settings h3,#mobile-profile-settings-container .change-photo .settings h3,#mobile-profile-settings-container .change-username .settings h3{font-size:1rem;color:#7d7d7d}#mobile-profile-settings-container .change-email .settings svg,#mobile-profile-settings-container .change-password .settings svg,#mobile-profile-settings-container .change-photo .settings svg,#mobile-profile-settings-container .change-username .settings svg{width:5rem;height:5rem}#mobile-profile-settings-container .change-email .settings svg path,#mobile-profile-settings-container .change-password .settings svg path,#mobile-profile-settings-container .change-photo .settings svg path,#mobile-profile-settings-container .change-username .settings svg path{fill:url(#linear-gradient)}#mobile-profile-settings-container .change-email .settings form,#mobile-profile-settings-container .change-password .settings form,#mobile-profile-settings-container .change-photo .settings form,#mobile-profile-settings-container .change-username .settings form{display:grid;justify-items:center;align-items:center;grid-row-gap:.5rem}#mobile-profile-settings-container .change-email .settings input[type=file],#mobile-profile-settings-container .change-password .settings input[type=file],#mobile-profile-settings-container .change-photo .settings input[type=file],#mobile-profile-settings-container .change-username .settings input[type=file]{width:80%}#mobile-profile-settings-container .change-email .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-password .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-photo .settings input[type=file]::-webkit-file-upload-button,#mobile-profile-settings-container .change-username .settings input[type=file]::-webkit-file-upload-button{cursor:pointer;outline:none;border:none;color:#7d7d7d;background:none}#mobile-profile-settings-container .change-email .settings input[type=email],#mobile-profile-settings-container .change-email .settings input[type=password],#mobile-profile-settings-container .change-email .settings input[type=text],#mobile-profile-settings-container .change-password .settings input[type=email],#mobile-profile-settings-container .change-password .settings input[type=password],#mobile-profile-settings-container .change-password .settings input[type=text],#mobile-profile-settings-container .change-photo .settings input[type=email],#mobile-profile-settings-container .change-photo .settings input[type=password],#mobile-profile-settings-container .change-photo .settings input[type=text],#mobile-profile-settings-container .change-username .settings input[type=email],#mobile-profile-settings-container .change-username .settings input[type=password],#mobile-profile-settings-container .change-username .settings input[type=text]{padding:.1rem;border:none;border-bottom:1px solid #ee64d1}#mobile-profile-settings-container .change-email .settings input[type=email]:focus,#mobile-profile-settings-container .change-email .settings input[type=password]:focus,#mobile-profile-settings-container .change-email .settings input[type=text]:focus,#mobile-profile-settings-container .change-password .settings input[type=email]:focus,#mobile-profile-settings-container .change-password .settings input[type=password]:focus,#mobile-profile-settings-container .change-password .settings input[type=text]:focus,#mobile-profile-settings-container .change-photo .settings input[type=email]:focus,#mobile-profile-settings-container .change-photo .settings input[type=password]:focus,#mobile-profile-settings-container .change-photo .settings input[type=text]:focus,#mobile-profile-settings-container .change-username .settings input[type=email]:focus,#mobile-profile-settings-container .change-username .settings input[type=password]:focus,#mobile-profile-settings-container .change-username .settings input[type=text]:focus{outline:none}#user-profile-container{position:fixed;top:0;left:0;z-index:3;height:100vh;width:100%;background:hsla(0,0%,43.9%,.25);justify-items:center;align-items:center}#user-profile-container #user-profile{border-radius:15px;box-shadow:0 0 15px #707070;background:#fff;display:grid;grid-row-gap:.2rem}#user-profile-container #user-profile .close-user-profile{cursor:pointer;width:2rem;height:2rem;padding:.5rem;justify-self:flex-end}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .close-user-profile{width:2.5rem;height:2.5rem}}#user-profile-container #user-profile .close-user-profile path{fill:url(#linear-gradient)}#user-profile-container #user-profile .user{display:grid;grid-template-rows:auto;grid-row-gap:.2rem;justify-items:center;align-items:center}#user-profile-container #user-profile .user svg{width:5rem;height:5rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user svg{width:8rem;height:8rem}}#user-profile-container #user-profile .user svg path{fill:url(#linear-gradient)}#user-profile-container #user-profile .user h3{font-size:1.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user h3{font-size:1.5rem}}#user-profile-container #user-profile .user-posts{padding:.5rem 2rem 2rem;display:grid;grid-row-gap:.5rem}#user-profile-container #user-profile .user-posts h3{font-size:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts h3{font-size:1.2rem}}#user-profile-container #user-profile .user-posts .posts{padding:.1rem;height:150px;overflow-y:scroll;display:grid;grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts{padding:.3rem}}#user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar{width:.2rem}#user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar-thumb{background:#707070}#user-profile-container #user-profile .user-posts .posts .post{background:#fff;padding:.5rem;border-radius:5px;border:1px solid #cfcbcb;box-shadow:0 0 1px hsla(0,0%,9%,.47);display:grid;grid-row-gap:.3rem}#user-profile-container #user-profile .user-posts .posts .post h4{font-size:.8rem}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts .post h4{font-size:1rem}}@media only screen and (min-width:769px) and (orientation:landscape){#user-profile-container #user-profile .user-posts .posts .post p{font-size:.8rem}}#user-profile-container #user-profile .user-posts .posts .post .stats{display:grid;grid-template-columns:repeat(3,auto);justify-items:center;align-items:center}#home-page{background:100% 100%/contain no-repeat url(/pexta/static/media/home-page-wave.3e6842ee.svg)!important}#post-nav{height:10vh;padding:.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#post-nav .nav-logo{width:7rem;height:7rem}#post-nav .nav-logo .cls-1{fill:url(#linear-gradient)}#post-nav .btn-gradient{display:none}@media only screen and (min-width:769px) and (orientation:landscape){#post-nav .btn-gradient{display:inline}}#post-nav .mobile-menu-btn{cursor:pointer;width:2rem;height:2rem}#post-nav .mobile-menu-btn .cls-1{fill:url(#linear-gradient)}@media only screen and (min-width:769px) and (orientation:landscape){#post-nav .mobile-menu-btn{display:none}}#post-nav .mobile-menu-overlay{background:hsla(0,0%,43.9%,.25);height:100vh;width:100%;position:fixed;top:0;left:0;opacity:0;z-index:1;display:none}#post-nav .mobile-menu{background:-webkit-linear-gradient(330deg,#ee64d1,#eacc56);background:linear-gradient(120deg,#ee64d1,#eacc56);height:100vh;width:50%;position:fixed;top:0;left:100%;z-index:2;display:none}#post-nav .mobile-menu .current-user{padding-top:2rem;display:grid;grid-template-rows:repeat(2,auto);justify-items:center}#post-nav .mobile-menu .current-user h3{font-size:1.7rem;color:#fff}#post-nav .mobile-menu .current-user .avatar{width:6rem;height:6rem}#post-nav .mobile-menu .current-user .avatar .cls-1{fill:#fff}#post-nav .mobile-menu .small-btns{padding-top:2.5rem;display:grid;grid-template-rows:repeat(2,auto);justify-content:center;text-align:center;grid-row-gap:3rem;font-size:1.3rem}#post-nav .close-mobile-menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;padding:.5rem;fill:#fff}#post{padding:.5rem 0;display:grid;grid-template-rows:repeat(2,auto);grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#post{padding:0;border-radius:8px;border:1px solid #cfcbcb;box-shadow:0 0 5px hsla(0,0%,9%,.47)}}#post .info{display:grid;grid-template-rows:repeat(2,auto);grid-row-gap:.5rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info{padding:1rem;grid-row-gap:1rem}}#post .info .data{display:grid;grid-template-rows:auto 1fr;grid-row-gap:.5rem}#post .info .data h2{font-size:1.2rem;color:#171717}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .data h2{font-size:1.5rem}}#post .info .data p{height:auto;align-self:center;font-size:1rem;line-height:1.2}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .data p{font-size:1.2rem}}#post .info .stats{display:grid;grid-template-columns:repeat(2,1fr)}#post .info .stats .user{cursor:pointer;display:flex;flex-direction:row;justify-items:center;align-items:center}#post .info .stats .user svg{width:2rem;height:2rem}#post .info .stats .user svg path{fill:url(#linear-gradient)}#post .info .stats .user span{font-size:1rem;margin-left:.3rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .stats .user span{font-size:1.2rem}}#post .info .stats .stats{justify-self:flex-end;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;grid-column-gap:.5rem}#post .info .stats .stats .comments,#post .info .stats .stats .dislikes,#post .info .stats .stats .likes{display:flex;flex-direction:row;align-items:center}#post .info .stats .stats .comments svg,#post .info .stats .stats .dislikes svg,#post .info .stats .stats .likes svg{width:1rem;height:1rem;margin-right:.2rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .info .stats .stats .comments svg,#post .info .stats .stats .dislikes svg,#post .info .stats .stats .likes svg{width:1.5rem;height:1.5rem}}#post .info .stats .stats .comments svg .cls-1,#post .info .stats .stats .dislikes svg .cls-1,#post .info .stats .stats .likes svg .cls-1{fill:#6a6a6a}#post .info .stats .stats .comments span,#post .info .stats .stats .dislikes span,#post .info .stats .stats .likes span{margin-right:.2rem}#post .other-users-comments{background:-webkit-linear-gradient(30deg,rgba(238,119,184,.2),rgba(235,170,126,.2));background:linear-gradient(60deg,rgba(238,119,184,.2),rgba(235,170,126,.2));border-radius:8px;display:grid;grid-template-rows:repeat(3,auto);grid-row-gap:1rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments{border-radius:0}}#post .other-users-comments h2{display:inline-block;padding:.5rem 0 0 .5rem;font-size:1rem;color:#6a6a6a}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments h2{padding:1rem 0 0 1rem}}#post .other-users-comments .other-comments{padding:0 1.5rem;display:grid;align-items:center;grid-row-gap:1rem}#post .other-users-comments .other-comments .comment{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-column-gap:1rem}#post .other-users-comments .other-comments .comment .other-user{cursor:pointer;display:flex;flex-direction:row;justify-items:center;align-items:center}#post .other-users-comments .other-comments .comment .other-user svg{width:2rem;height:2rem}#post .other-users-comments .other-comments .comment .other-user svg path{fill:url(#linear-gradient)}#post .other-users-comments .other-comments .comment .other-user span{font-size:.8rem;margin-left:.3rem}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .other-comments .comment .other-user span{font-size:1rem}}#post .other-users-comments .other-comments .comment p{padding:.5rem;height:auto;font-size:.5rem;line-height:1.2;border:1px solid #b8b3b3;border-radius:6px}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .other-comments .comment p{font-size:1rem}}#post .other-users-comments .add-comment{padding:0 1.5rem}#post .other-users-comments .add-comment input{width:100%;padding:.5rem;border:1px solid #b8b3b3;border-radius:6px;background:none;justify-self:center;margin-bottom:1rem;outline:none}@media only screen and (min-width:769px) and (orientation:landscape){#post .other-users-comments .add-comment input{padding:.7rem}}#post-page{background:100% 100%/contain no-repeat url(/pexta/static/media/post-page-wave.60cc297a.svg)!important}.btn-mobile{color:#fff;display:block;font-size:1.5rem}.btn,.btn-mobile{cursor:pointer;text-decoration:none}.btn{color:#1d1d1d;background-color:#fff;font-weight:700;text-align:center;border:none;border-radius:.3rem;font-size:1.1rem;padding:.5rem 1rem}.btn-gradient{background:-webkit-linear-gradient(30deg,#eacc56,#ee64d1);background:linear-gradient(60deg,#eacc56,#ee64d1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#fff!important}.btn-gradient:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background:-webkit-linear-gradient(300deg,#eacc56,#ee64d1);background:linear-gradient(150deg,#eacc56,#ee64d1)}main:not(#showcase){height:auto;padding:0 0 2rem}@media only screen and (min-width:769px) and (orientation:landscape){main:not(#showcase){height:auto;padding:none 0 7rem;display:grid;grid-template-columns:1fr auto;grid-column-gap:2rem}}:root{height:100%}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}body{background:none;height:100%;font-family:Montserrat;font-size:10px}body::-webkit-scrollbar{width:.3rem}body::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#ee64d1),to(#eacc56));background:-webkit-linear-gradient(#ee64d1,#eacc56);background:linear-gradient(#ee64d1,#eacc56)}.container{width:85%;margin:auto}button{font-family:Montserrat;font-size:inherit;border:none;background:none;outline:none}.route-link{text-decoration:none;color:inherit;font-size:inherit} +/*# sourceMappingURL=main.46d00040.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.46d00040.chunk.css.map b/static/css/main.46d00040.chunk.css.map new file mode 100644 index 0000000..202648f --- /dev/null +++ b/static/css/main.46d00040.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.46d00040.chunk.css","LandingNav.scss","Showcase.scss","SignUp.scss","Login.scss","LandingPage.scss","HomeNav.scss","Posts.scss","ProfileInfo.scss","Footer.scss","AddPost.scss","DesktopProfileSettings.scss","MobileProfileSettings.scss","UserProfile.scss","HomePage.scss","PostNav.scss","Post.scss","PostPage.scss","_variables.scss","App.scss"],"names":[],"mappings":"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","file":"main.46d00040.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);\n#landing-nav {\n height: 10vh;\n padding: 1rem 0rem;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n #landing-nav .nav-logo {\n width: 7rem;\n height: 7rem; }\n #landing-nav .nav-logo .cls-1 {\n fill: url(#linear-gradient); }\n #landing-nav .big-btns {\n display: none; }\n #landing-nav .mobile-menu-btn {\n cursor: pointer;\n width: 2rem;\n height: 2rem; }\n #landing-nav .mobile-menu-btn .cls-1 {\n fill: url(#linear-gradient); }\n #landing-nav .mobile-menu-overlay {\n background: #70707040;\n height: 100vh;\n width: 100%;\n position: fixed;\n top: 0%;\n left: 0%;\n opacity: 0;\n z-index: 1;\n display: none; }\n #landing-nav .mobile-menu {\n background: -webkit-linear-gradient(330deg, #ee64d1, #eacc56);\n background: linear-gradient(120deg, #ee64d1, #eacc56);\n height: 100vh;\n width: 50%;\n position: fixed;\n top: 0%;\n left: 100%;\n z-index: 2;\n display: none; }\n #landing-nav .mobile-menu .small-btns {\n padding-top: 10rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n justify-content: center;\n text-align: center;\n grid-row-gap: 3rem; }\n #landing-nav .mobile-menu #sign-up-btn {\n font-size: 2.2rem; }\n #landing-nav .close-mobile-menu-btn {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem;\n fill: white; }\n\n@media only screen and (min-width: 768px) and (orientation: landscape) {\n #landing-nav {\n padding: 2.5rem 0rem; }\n #landing-nav .big-btns {\n display: block; }\n #landing-nav .mobile-menu-btn {\n display: none; } }\n\n#showcase {\n height: 85vh;\n display: grid;\n grid-template-rows: repeat(2, auto); }\n #showcase h1 {\n text-align: center;\n font-weight: bolder;\n font-size: 2.5rem;\n align-self: center; }\n #showcase .contact {\n text-align: right;\n align-self: flex-end; }\n #showcase .contact svg {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n fill: #d3d3d3;\n -webkit-transition: fill .3s ease-in-out;\n transition: fill .3s ease-in-out; }\n #showcase .contact svg:nth-child(2) {\n margin-left: .2rem;\n margin-right: .2rem; }\n #showcase .contact .facebook:hover {\n fill: #4267b2; }\n #showcase .contact .instagram:hover {\n fill: #e4405f; }\n #showcase .contact .mail:hover {\n fill: #dd4b39; }\n\n@media only screen and (min-width: 768px) and (orientation: landscape) {\n #showcase h1 {\n font-size: 3rem;\n text-align: left;\n align-self: center; }\n #showcase .contact {\n text-align: left; }\n #showcase .contact svg {\n width: 3rem;\n height: 3rem;\n margin-bottom: 0rem; } }\n\n#sign-up-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #sign-up-container #sign-up {\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: grid;\n justify-items: center;\n grid-row-gap: .5rem; }\n #sign-up-container #sign-up .close-sign-up {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem;\n justify-self: flex-end; }\n #sign-up-container #sign-up .close-sign-up path {\n fill: url(#linear-gradient); }\n #sign-up-container #sign-up h2 {\n font-size: 1.5rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent; }\n #sign-up-container #sign-up form {\n padding: 2rem;\n display: grid;\n justify-items: center;\n align-items: center;\n grid-row-gap: .2rem; }\n #sign-up-container #sign-up form input {\n padding: .5rem;\n border: none;\n border-bottom: 1px solid #ee64d1; }\n #sign-up-container #sign-up form input:focus {\n outline: none; }\n #sign-up-container #sign-up form button {\n cursor: pointer;\n padding: .5rem 1rem;\n border: none;\n border-radius: 4px;\n margin-top: 1rem;\n color: white;\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1); }\n\n@media only screen and (min-width: 768px) and (orientation: landscape) {\n #sign-up {\n position: absolute;\n top: 12%;\n right: 7%; }\n h2 {\n font-size: 2rem; }\n form {\n padding: 2rem 4rem; }\n form input {\n padding: 1rem; }\n form button {\n padding: 1rem 1.5rem; } }\n\n#log-in-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #log-in-container #log-in {\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: grid;\n justify-items: center;\n grid-row-gap: .5rem; }\n #log-in-container #log-in .close-log-in {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem;\n justify-self: flex-end; }\n #log-in-container #log-in .close-log-in path {\n fill: url(#linear-gradient); }\n #log-in-container #log-in h2 {\n font-size: 1.5rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent; }\n #log-in-container #log-in form {\n padding: 2rem;\n display: grid;\n justify-items: center;\n align-items: center;\n grid-row-gap: .2rem; }\n #log-in-container #log-in form input {\n padding: .5rem;\n border: none;\n border-bottom: 1px solid #ee64d1; }\n #log-in-container #log-in form input:focus {\n outline: none; }\n #log-in-container #log-in form button {\n cursor: pointer;\n padding: .5rem 1rem;\n border: none;\n border-radius: 4px;\n margin-top: 1rem;\n color: white;\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1); }\n\n@media only screen and (min-width: 768px) and (orientation: landscape) {\n #log-in {\n position: absolute;\n top: 12%;\n right: 7%; }\n h2 {\n font-size: 2.5; }\n form {\n padding: 2rem 4rem; }\n form input {\n padding: 1rem; }\n form button {\n padding: 1rem 1.5rem; } }\n\n#landing-page {\n height: 100vh;\n background: 100% 100%/contain no-repeat url(/pexta/static/media/landing-page-wave.acee5641.svg) !important; }\n\n.btn {\n cursor: pointer;\n color: #1d1d1d;\n background-color: #fff;\n font-weight: bold;\n text-decoration: none;\n text-align: center;\n border: none;\n border-radius: .3rem;\n font-size: 1.1rem;\n margin: .5rem 1rem;\n padding: .5rem 1rem; }\n\n.btn-mobile {\n cursor: pointer;\n color: white;\n display: block;\n font-size: 2rem;\n text-decoration: none; }\n\n.btn-gradient {\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1);\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n color: white !important; }\n .btn-gradient:hover {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n background: -webkit-linear-gradient(300deg, #eacc56, #ee64d1);\n background: linear-gradient(150deg, #eacc56, #ee64d1); }\n\n.btn-white {\n background: white;\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out; }\n .btn-white:hover {\n -webkit-transform: scale(1.05);\n transform: scale(1.05); }\n\n#home-nav {\n height: 10vh;\n padding: .5rem 0rem;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n #home-nav .nav-logo {\n width: 7rem;\n height: 7rem; }\n #home-nav .nav-logo .cls-1 {\n fill: url(#linear-gradient); }\n #home-nav .btn-gradient {\n display: none; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #home-nav .btn-gradient {\n display: inline; } }\n #home-nav .mobile-menu-btn {\n cursor: pointer;\n width: 2rem;\n height: 2rem; }\n #home-nav .mobile-menu-btn .cls-1 {\n fill: url(#linear-gradient); }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #home-nav .mobile-menu-btn {\n display: none; } }\n #home-nav .mobile-menu-overlay {\n background: #70707040;\n height: 100vh;\n width: 100%;\n position: fixed;\n top: 0%;\n left: 0%;\n opacity: 0;\n z-index: 1;\n display: none; }\n #home-nav .mobile-menu {\n background: -webkit-linear-gradient(330deg, #ee64d1, #eacc56);\n background: linear-gradient(120deg, #ee64d1, #eacc56);\n height: 100vh;\n width: 50%;\n position: fixed;\n top: 0%;\n left: 100%;\n z-index: 2;\n display: none; }\n #home-nav .mobile-menu .current-user {\n padding-top: 2rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n justify-items: center; }\n #home-nav .mobile-menu .current-user h3 {\n font-size: 1.7rem;\n color: white; }\n #home-nav .mobile-menu .current-user .avatar {\n width: 6rem;\n height: 6rem; }\n #home-nav .mobile-menu .current-user .avatar .cls-1 {\n fill: white; }\n #home-nav .mobile-menu .small-btns {\n padding-top: 2.5rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n justify-content: center;\n text-align: center;\n grid-row-gap: 3rem;\n font-size: 1.3rem; }\n #home-nav .close-mobile-menu-btn {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem;\n fill: white; }\n\n#posts {\n display: grid;\n grid-template-rows: auto 1fr;\n grid-row-gap: 1.5rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts {\n background: white;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 5px #17171777;\n padding: 2rem;\n grid-row-gap: 1rem; } }\n #posts #posts-filter {\n font-size: 1rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n justify-items: center;\n align-items: center; }\n #posts #posts-filter button {\n cursor: pointer; }\n #posts #posts-filter .active {\n color: #EE72BF; }\n #posts #posts-container {\n display: grid;\n grid-template-rows: auto;\n grid-row-gap: 1rem; }\n #posts #posts-container .post {\n background: white;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 5px #17171777; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post {\n display: grid;\n grid-template-columns: 1fr .3fr; } }\n #posts #posts-container .post .info {\n padding: .5rem 1rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .info {\n padding: 1rem;\n grid-template-columns: none;\n grid-template-rows: 1fr auto;\n grid-row-gap: 1rem; } }\n #posts #posts-container .post .info .data {\n justify-self: flex-start;\n display: grid;\n grid-template-rows: repeat(3, auto);\n grid-row-gap: .1rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .info .data {\n grid-row-gap: .5rem; } }\n #posts #posts-container .post .info .data h2 {\n display: inline-block;\n cursor: pointer;\n font-weight: bold;\n font-size: 1rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .info .data h2 {\n font-size: 1.5rem; } }\n #posts #posts-container .post .info .stats {\n justify-self: flex-end; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .info .stats {\n justify-self: flex-start;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 1rem; } }\n #posts #posts-container .post .interaction {\n padding: .2rem .5rem;\n border-radius: 0px 0px 8px 8px;\n background: #E3E3E3;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n align-items: center;\n justify-items: center; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .interaction {\n padding: .5rem;\n border-radius: 0px 8px 8px 0px;\n grid-template-columns: none;\n grid-template-rows: repeat(3, 1fr); } }\n #posts #posts-container .post .interaction .like, #posts #posts-container .post .interaction .dislike, #posts #posts-container .post .interaction .comment {\n width: 100%;\n height: 100%;\n padding: .5rem 1rem;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center; }\n #posts #posts-container .post .interaction .like:hover, #posts #posts-container .post .interaction .dislike:hover, #posts #posts-container .post .interaction .comment:hover {\n background: #bebdbd;\n border-radius: 8px; }\n #posts #posts-container .post .interaction .like:hover .cls-1, #posts #posts-container .post .interaction .dislike:hover .cls-1, #posts #posts-container .post .interaction .comment:hover .cls-1 {\n fill: #504e4e; }\n #posts #posts-container .post .interaction .like svg, #posts #posts-container .post .interaction .dislike svg, #posts #posts-container .post .interaction .comment svg {\n width: 1rem;\n height: 1rem;\n margin-right: .2rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #posts #posts-container .post .interaction .like svg, #posts #posts-container .post .interaction .dislike svg, #posts #posts-container .post .interaction .comment svg {\n width: 1.5rem;\n height: 1.5rem; } }\n #posts #posts-container .post .interaction .like svg .cls-1, #posts #posts-container .post .interaction .dislike svg .cls-1, #posts #posts-container .post .interaction .comment svg .cls-1 {\n fill: #6A6A6A; }\n\n#profile-info {\n display: none; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #profile-info {\n display: grid;\n grid-template-rows: repeat(2, auto) 1fr;\n grid-row-gap: 1.5rem; } }\n #profile-info .profile-stats, #profile-info .contact, #profile-info .ad {\n padding: 1rem 3rem;\n background: white;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 5px #17171777; }\n #profile-info .profile {\n background: white;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 5px #17171777; }\n #profile-info .profile .settings-btn {\n cursor: pointer;\n width: 1rem;\n height: 1rem;\n margin: .5rem;\n position: relative;\n left: 85%; }\n #profile-info .profile .settings-btn .st0 {\n fill: url(#linear-gradient); }\n #profile-info .profile .user {\n padding: 1rem 3rem;\n padding-top: 0;\n text-align: center; }\n #profile-info .profile .user svg {\n width: 8rem;\n height: 8rem; }\n #profile-info .profile .user svg path {\n fill: url(#linear-gradient); }\n #profile-info .profile .user h3 {\n font-size: 1.5rem;\n font-weight: normal; }\n #profile-info .profile .user .user-btns {\n margin-top: 1rem;\n display: grid;\n grid-row-gap: .3rem;\n font-size: 1.1rem; }\n #profile-info .profile .user .user-btns button {\n cursor: pointer;\n display: block; }\n #profile-info .profile-stats {\n display: grid;\n grid-template-rows: repeat(2, 1fr);\n grid-row-gap: 1rem; }\n #profile-info .profile-stats h3 {\n text-align: left;\n font-size: 1.1rem; }\n #profile-info .profile-stats .stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 1rem;\n justify-items: center;\n font-size: 1.1rem; }\n #profile-info .profile-stats .stats svg {\n width: 1.5rem;\n height: 1.5rem;\n margin-left: .1rem; }\n #profile-info .profile-stats .stats svg .cls-1 {\n fill: #6A6A6A; }\n #profile-info .profile-stats .stats .likes, #profile-info .profile-stats .stats .dislikes, #profile-info .profile-stats .stats .comments {\n display: flex;\n flex-direction: row;\n align-items: center; }\n #profile-info .ad {\n display: grid;\n align-items: center;\n justify-items: center;\n font-size: 2rem;\n font-weight: bold; }\n\nfooter {\n height: auto;\n background-color: #4e4e4e;\n color: white;\n font-size: 11px; }\n footer .container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: auto;\n grid-column-gap: .1rem;\n align-items: center;\n justify-items: center; }\n footer .footer-logo {\n fill: rgba(255, 255, 255, 0.75);\n width: 5.5rem;\n height: 5.5rem;\n justify-self: flex-start; }\n footer .copyright {\n justify-self: center;\n text-align: center; }\n footer .footer-links {\n display: grid;\n grid-template-rows: repeat(2, auto);\n text-align: right; }\n footer .footer-links span {\n cursor: pointer; }\n footer .footer-links span:hover {\n color: black;\n font-weight: bold; }\n\n@media only screen and (min-width: 769px) and (orientation: landscape) {\n footer {\n font-size: 1rem; }\n footer .container {\n grid-column-gap: 1rem; }\n footer .footer-links {\n justify-self: flex-end;\n grid-template-rows: none;\n grid-template-columns: repeat(2, auto);\n grid-column-gap: .5rem; } }\n\n#add-post-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #add-post-container #add-post {\n padding: 1rem;\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: grid;\n justify-items: center;\n grid-row-gap: .5rem; }\n #add-post-container #add-post .close-add-post {\n cursor: pointer;\n width: 1rem;\n height: 1rem;\n justify-self: flex-end; }\n #add-post-container #add-post .close-add-post path {\n fill: url(#linear-gradient); }\n #add-post-container #add-post h2 {\n font-size: 1.5rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent; }\n #add-post-container #add-post form {\n width: 100%;\n display: grid;\n justify-items: center;\n align-items: center;\n grid-row-gap: .5rem; }\n #add-post-container #add-post form input, #add-post-container #add-post form textarea {\n font-family: Montserrat;\n width: 100%;\n padding: .5rem;\n border: none;\n border-bottom: 1px solid #ee64d1; }\n #add-post-container #add-post form input:focus, #add-post-container #add-post form textarea:focus {\n outline: none; }\n\n@media only screen and (min-width: 769px) and (orientation: landscape) {\n #add-post-container #add-post {\n width: 70%;\n padding: .5rem;\n height: auto; }\n #add-post-container #add-post h2 {\n font-size: 2rem; }\n #add-post-container #add-post .close-add-post {\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem; }\n #add-post-container #add-post form {\n grid-row-gap: 1rem; }\n #add-post-container #add-post form input, #add-post-container #add-post form textarea {\n font-size: 1rem; }\n #add-post-container #add-post form button {\n padding: 1rem 1.5rem;\n font-size: 1rem;\n justify-self: flex-end; } }\n\n#desktop-profile-settings-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #desktop-profile-settings-container #desktop-profile-settings {\n width: auto;\n padding: .8rem;\n height: auto;\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: grid;\n grid-template-rows: auto 1fr;\n grid-row-gap: .5rem; }\n #desktop-profile-settings-container #desktop-profile-settings > div {\n display: grid;\n grid-template-columns: repeat(2, auto); }\n #desktop-profile-settings-container #desktop-profile-settings .close-profile-settings {\n cursor: pointer;\n width: 1.5rem;\n height: 1.5rem;\n justify-self: flex-end; }\n #desktop-profile-settings-container #desktop-profile-settings .close-profile-settings path {\n fill: url(#linear-gradient); }\n #desktop-profile-settings-container #desktop-profile-settings h2 {\n font-size: 1.5rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n justify-self: flex-start; }\n #desktop-profile-settings-container #desktop-profile-settings .settings {\n display: grid;\n grid-template-columns: repeat(4, auto);\n grid-gap: .5rem; }\n @media only screen and (max-width: 1440px) {\n #desktop-profile-settings-container #desktop-profile-settings .settings {\n grid-template-columns: repeat(2, auto); } }\n #desktop-profile-settings-container #desktop-profile-settings .settings h3 {\n font-size: 1rem;\n color: #7D7D7D; }\n #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"text\"], #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"email\"], #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"password\"] {\n padding: .5rem;\n border: none;\n border-bottom: 1px solid #ee64d1; }\n #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"text\"]:focus, #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"email\"]:focus, #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"password\"]:focus {\n outline: none; }\n #desktop-profile-settings-container #desktop-profile-settings .settings button:hover {\n -webkit-transform: none;\n transform: none;\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1); }\n #desktop-profile-settings-container #desktop-profile-settings .settings input[type=\"file\"]::-webkit-file-upload-button {\n cursor: pointer;\n outline: none;\n border: none;\n color: #7D7D7D;\n background: none;\n width: 100%; }\n #desktop-profile-settings-container #desktop-profile-settings .settings .change-photo, #desktop-profile-settings-container #desktop-profile-settings .settings .change-password, #desktop-profile-settings-container #desktop-profile-settings .settings .change-email, #desktop-profile-settings-container #desktop-profile-settings .settings .change-username {\n padding: .5rem;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n display: grid;\n grid-template-rows: repeat(3, auto);\n justify-items: flex-start;\n align-items: center;\n justify-items: center;\n grid-row-gap: .5rem; }\n #desktop-profile-settings-container #desktop-profile-settings .settings form {\n display: grid;\n justify-items: center;\n align-items: center; }\n #desktop-profile-settings-container #desktop-profile-settings .settings .change-photo {\n grid-template-rows: repeat(4, auto); }\n #desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg {\n width: 5rem;\n height: 5rem; }\n #desktop-profile-settings-container #desktop-profile-settings .settings .change-photo svg path {\n fill: url(#linear-gradient); }\n\n#mobile-profile-settings-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #mobile-profile-settings-container #mobile-profile-settings {\n width: 70%;\n padding: 2rem 1rem;\n height: auto;\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n grid-row-gap: 1.5rem; }\n #mobile-profile-settings-container #mobile-profile-settings > div {\n display: grid;\n grid-template-columns: repeat(2, auto); }\n #mobile-profile-settings-container #mobile-profile-settings > div .close-profile-settings {\n cursor: pointer;\n width: 1rem;\n height: 1rem;\n justify-self: flex-end; }\n #mobile-profile-settings-container #mobile-profile-settings > div .close-profile-settings path {\n fill: url(#linear-gradient); }\n #mobile-profile-settings-container #mobile-profile-settings > div h2 {\n font-size: 1.2rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n justify-self: flex-start; }\n #mobile-profile-settings-container #mobile-profile-settings h3 {\n cursor: pointer;\n justify-self: center;\n font-size: 1rem;\n color: #7D7D7D; }\n #mobile-profile-settings-container .change-photo, #mobile-profile-settings-container .change-password, #mobile-profile-settings-container .change-email, #mobile-profile-settings-container .change-username {\n grid-template-rows: repeat(2, auto);\n grid-row-gap: 1rem;\n align-items: center;\n width: 70%;\n padding: 2rem 1rem;\n height: auto;\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: none; }\n #mobile-profile-settings-container .change-photo .settings-return, #mobile-profile-settings-container .change-password .settings-return, #mobile-profile-settings-container .change-email .settings-return, #mobile-profile-settings-container .change-username .settings-return {\n cursor: pointer;\n display: inline-block;\n justify-self: flex-start; }\n #mobile-profile-settings-container .change-photo .settings-return h2, #mobile-profile-settings-container .change-password .settings-return h2, #mobile-profile-settings-container .change-email .settings-return h2, #mobile-profile-settings-container .change-username .settings-return h2 {\n font-size: 1.3rem;\n background: -webkit-gradient(linear, left top, left bottom, from(#eacc56), to(#ee64d1));\n background: -webkit-linear-gradient(#eacc56, #ee64d1);\n background: linear-gradient(#eacc56, #ee64d1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n justify-self: flex-start; }\n #mobile-profile-settings-container .change-photo .settings, #mobile-profile-settings-container .change-password .settings, #mobile-profile-settings-container .change-email .settings, #mobile-profile-settings-container .change-username .settings {\n justify-self: center;\n display: grid;\n grid-template-rows: auto;\n grid-row-gap: 1rem;\n align-items: center;\n justify-items: center; }\n #mobile-profile-settings-container .change-photo .settings h3, #mobile-profile-settings-container .change-password .settings h3, #mobile-profile-settings-container .change-email .settings h3, #mobile-profile-settings-container .change-username .settings h3 {\n font-size: 1rem;\n color: #7d7d7d; }\n #mobile-profile-settings-container .change-photo .settings svg, #mobile-profile-settings-container .change-password .settings svg, #mobile-profile-settings-container .change-email .settings svg, #mobile-profile-settings-container .change-username .settings svg {\n width: 5rem;\n height: 5rem; }\n #mobile-profile-settings-container .change-photo .settings svg path, #mobile-profile-settings-container .change-password .settings svg path, #mobile-profile-settings-container .change-email .settings svg path, #mobile-profile-settings-container .change-username .settings svg path {\n fill: url(#linear-gradient); }\n #mobile-profile-settings-container .change-photo .settings form, #mobile-profile-settings-container .change-password .settings form, #mobile-profile-settings-container .change-email .settings form, #mobile-profile-settings-container .change-username .settings form {\n display: grid;\n justify-items: center;\n align-items: center;\n grid-row-gap: .5rem; }\n #mobile-profile-settings-container .change-photo .settings input[type=\"file\"], #mobile-profile-settings-container .change-password .settings input[type=\"file\"], #mobile-profile-settings-container .change-email .settings input[type=\"file\"], #mobile-profile-settings-container .change-username .settings input[type=\"file\"] {\n width: 80%; }\n #mobile-profile-settings-container .change-photo .settings input[type=\"file\"]::-webkit-file-upload-button, #mobile-profile-settings-container .change-password .settings input[type=\"file\"]::-webkit-file-upload-button, #mobile-profile-settings-container .change-email .settings input[type=\"file\"]::-webkit-file-upload-button, #mobile-profile-settings-container .change-username .settings input[type=\"file\"]::-webkit-file-upload-button {\n cursor: pointer;\n outline: none;\n border: none;\n color: #7D7D7D;\n background: none; }\n #mobile-profile-settings-container .change-photo .settings input[type=\"text\"], #mobile-profile-settings-container .change-photo .settings input[type=\"email\"], #mobile-profile-settings-container .change-photo .settings input[type=\"password\"], #mobile-profile-settings-container .change-password .settings input[type=\"text\"], #mobile-profile-settings-container .change-password .settings input[type=\"email\"], #mobile-profile-settings-container .change-password .settings input[type=\"password\"], #mobile-profile-settings-container .change-email .settings input[type=\"text\"], #mobile-profile-settings-container .change-email .settings input[type=\"email\"], #mobile-profile-settings-container .change-email .settings input[type=\"password\"], #mobile-profile-settings-container .change-username .settings input[type=\"text\"], #mobile-profile-settings-container .change-username .settings input[type=\"email\"], #mobile-profile-settings-container .change-username .settings input[type=\"password\"] {\n padding: .1rem;\n border: none;\n border-bottom: 1px solid #ee64d1; }\n #mobile-profile-settings-container .change-photo .settings input[type=\"text\"]:focus, #mobile-profile-settings-container .change-photo .settings input[type=\"email\"]:focus, #mobile-profile-settings-container .change-photo .settings input[type=\"password\"]:focus, #mobile-profile-settings-container .change-password .settings input[type=\"text\"]:focus, #mobile-profile-settings-container .change-password .settings input[type=\"email\"]:focus, #mobile-profile-settings-container .change-password .settings input[type=\"password\"]:focus, #mobile-profile-settings-container .change-email .settings input[type=\"text\"]:focus, #mobile-profile-settings-container .change-email .settings input[type=\"email\"]:focus, #mobile-profile-settings-container .change-email .settings input[type=\"password\"]:focus, #mobile-profile-settings-container .change-username .settings input[type=\"text\"]:focus, #mobile-profile-settings-container .change-username .settings input[type=\"email\"]:focus, #mobile-profile-settings-container .change-username .settings input[type=\"password\"]:focus {\n outline: none; }\n\n#user-profile-container {\n position: fixed;\n top: 0%;\n left: 0%;\n z-index: 3;\n height: 100vh;\n width: 100%;\n background: #70707040;\n justify-items: center;\n align-items: center; }\n #user-profile-container #user-profile {\n border-radius: 15px;\n box-shadow: 0px 0px 15px #707070;\n background: white;\n display: grid;\n grid-row-gap: .2rem; }\n #user-profile-container #user-profile .close-user-profile {\n cursor: pointer;\n width: 2rem;\n height: 2rem;\n padding: .5rem;\n justify-self: flex-end; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .close-user-profile {\n width: 2.5rem;\n height: 2.5rem; } }\n #user-profile-container #user-profile .close-user-profile path {\n fill: url(#linear-gradient); }\n #user-profile-container #user-profile .user {\n display: grid;\n grid-template-rows: auto;\n grid-row-gap: .2rem;\n justify-items: center;\n align-items: center; }\n #user-profile-container #user-profile .user svg {\n width: 5rem;\n height: 5rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user svg {\n width: 8rem;\n height: 8rem; } }\n #user-profile-container #user-profile .user svg path {\n fill: url(#linear-gradient); }\n #user-profile-container #user-profile .user h3 {\n font-size: 1.2rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user h3 {\n font-size: 1.5rem; } }\n #user-profile-container #user-profile .user-posts {\n padding: .5rem 2rem 2rem 2rem;\n display: grid;\n grid-row-gap: .5rem; }\n #user-profile-container #user-profile .user-posts h3 {\n font-size: 1rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user-posts h3 {\n font-size: 1.2rem; } }\n #user-profile-container #user-profile .user-posts .posts {\n padding: .1rem;\n height: 150px;\n overflow-y: scroll;\n display: grid;\n grid-row-gap: .5rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user-posts .posts {\n padding: .3rem; } }\n #user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar {\n width: .2rem; }\n #user-profile-container #user-profile .user-posts .posts::-webkit-scrollbar-thumb {\n background: #707070; }\n #user-profile-container #user-profile .user-posts .posts .post {\n background: white;\n padding: .5rem;\n border-radius: 5px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 1px #17171777;\n display: grid;\n grid-row-gap: .3rem; }\n #user-profile-container #user-profile .user-posts .posts .post h4 {\n font-size: .8rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user-posts .posts .post h4 {\n font-size: 1rem; } }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #user-profile-container #user-profile .user-posts .posts .post p {\n font-size: .8rem; } }\n #user-profile-container #user-profile .user-posts .posts .post .stats {\n display: grid;\n grid-template-columns: repeat(3, auto);\n justify-items: center;\n align-items: center; }\n\n#home-page {\n background: 100% 100%/contain no-repeat url(/pexta/static/media/home-page-wave.3e6842ee.svg) !important; }\n\n.btn-mobile {\n cursor: pointer;\n color: white;\n display: block;\n font-size: 1.5rem;\n text-decoration: none; }\n\n.btn {\n cursor: pointer;\n color: #1d1d1d;\n background-color: #fff;\n font-weight: bold;\n text-decoration: none;\n text-align: center;\n border: none;\n border-radius: .3rem;\n font-size: 1.1rem;\n padding: .5rem 1rem; }\n\n.btn-gradient {\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1);\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n color: white !important; }\n .btn-gradient:hover {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n background: -webkit-linear-gradient(300deg, #eacc56, #ee64d1);\n background: linear-gradient(150deg, #eacc56, #ee64d1); }\n\nmain:not(#showcase) {\n height: auto;\n padding: 2rem 0rem;\n padding-top: 0; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n main:not(#showcase) {\n height: auto;\n padding: 2rem 0rem 7rem 0rem;\n padding-top: none;\n display: grid;\n grid-template-columns: 1fr auto;\n grid-column-gap: 2rem; } }\n\n#post-nav {\n height: 10vh;\n padding: .5rem 0rem;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n #post-nav .nav-logo {\n width: 7rem;\n height: 7rem; }\n #post-nav .nav-logo .cls-1 {\n fill: url(#linear-gradient); }\n #post-nav .btn-gradient {\n display: none; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post-nav .btn-gradient {\n display: inline; } }\n #post-nav .mobile-menu-btn {\n cursor: pointer;\n width: 2rem;\n height: 2rem; }\n #post-nav .mobile-menu-btn .cls-1 {\n fill: url(#linear-gradient); }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post-nav .mobile-menu-btn {\n display: none; } }\n #post-nav .mobile-menu-overlay {\n background: #70707040;\n height: 100vh;\n width: 100%;\n position: fixed;\n top: 0%;\n left: 0%;\n opacity: 0;\n z-index: 1;\n display: none; }\n #post-nav .mobile-menu {\n background: -webkit-linear-gradient(330deg, #ee64d1, #eacc56);\n background: linear-gradient(120deg, #ee64d1, #eacc56);\n height: 100vh;\n width: 50%;\n position: fixed;\n top: 0%;\n left: 100%;\n z-index: 2;\n display: none; }\n #post-nav .mobile-menu .current-user {\n padding-top: 2rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n justify-items: center; }\n #post-nav .mobile-menu .current-user h3 {\n font-size: 1.7rem;\n color: white; }\n #post-nav .mobile-menu .current-user .avatar {\n width: 6rem;\n height: 6rem; }\n #post-nav .mobile-menu .current-user .avatar .cls-1 {\n fill: white; }\n #post-nav .mobile-menu .small-btns {\n padding-top: 2.5rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n justify-content: center;\n text-align: center;\n grid-row-gap: 3rem;\n font-size: 1.3rem; }\n #post-nav .close-mobile-menu-btn {\n cursor: pointer;\n width: 2.5rem;\n height: 2.5rem;\n padding: .5rem;\n fill: white; }\n\n#post {\n padding: .5rem 0rem;\n display: grid;\n grid-template-rows: repeat(2, auto);\n grid-row-gap: .5rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post {\n padding: 0rem;\n border-radius: 8px;\n border: 1px solid #CFCBCB;\n box-shadow: 0px 0px 5px #17171777; } }\n #post .info {\n display: grid;\n grid-template-rows: repeat(2, auto);\n grid-row-gap: .5rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .info {\n padding: 1rem;\n grid-row-gap: 1rem; } }\n #post .info .data {\n display: grid;\n grid-template-rows: auto 1fr;\n grid-row-gap: .5rem; }\n #post .info .data h2 {\n font-size: 1.2rem;\n color: #171717; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .info .data h2 {\n font-size: 1.5rem; } }\n #post .info .data p {\n height: auto;\n align-self: center;\n font-size: 1rem;\n line-height: 1.2; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .info .data p {\n font-size: 1.2rem; } }\n #post .info .stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr); }\n #post .info .stats .user {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-items: center;\n align-items: center; }\n #post .info .stats .user svg {\n width: 2rem;\n height: 2rem; }\n #post .info .stats .user svg path {\n fill: url(#linear-gradient); }\n #post .info .stats .user span {\n font-size: 1rem;\n margin-left: .3rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .info .stats .user span {\n font-size: 1.2rem; } }\n #post .info .stats .stats {\n justify-self: flex-end;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n align-items: center;\n grid-column-gap: .5rem; }\n #post .info .stats .stats .likes, #post .info .stats .stats .dislikes, #post .info .stats .stats .comments {\n display: flex;\n flex-direction: row;\n align-items: center; }\n #post .info .stats .stats .likes svg, #post .info .stats .stats .dislikes svg, #post .info .stats .stats .comments svg {\n width: 1rem;\n height: 1rem;\n margin-right: .2rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .info .stats .stats .likes svg, #post .info .stats .stats .dislikes svg, #post .info .stats .stats .comments svg {\n width: 1.5rem;\n height: 1.5rem; } }\n #post .info .stats .stats .likes svg .cls-1, #post .info .stats .stats .dislikes svg .cls-1, #post .info .stats .stats .comments svg .cls-1 {\n fill: #6A6A6A; }\n #post .info .stats .stats .likes span, #post .info .stats .stats .dislikes span, #post .info .stats .stats .comments span {\n margin-right: .2rem; }\n #post .other-users-comments {\n background: -webkit-linear-gradient(30deg, rgba(238, 119, 184, 0.2), rgba(235, 170, 126, 0.2));\n background: linear-gradient(60deg, rgba(238, 119, 184, 0.2), rgba(235, 170, 126, 0.2));\n border-radius: 8px;\n display: grid;\n grid-template-rows: repeat(3, auto);\n grid-row-gap: 1rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .other-users-comments {\n border-radius: 0px; } }\n #post .other-users-comments h2 {\n display: inline-block;\n padding: .5rem 0rem 0rem .5rem;\n font-size: 1rem;\n color: #6A6A6A; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .other-users-comments h2 {\n padding: 1rem 0rem 0rem 1rem; } }\n #post .other-users-comments .other-comments {\n padding: 0rem 1.5rem;\n display: grid;\n align-items: center;\n grid-row-gap: 1rem; }\n #post .other-users-comments .other-comments .comment {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n grid-column-gap: 1rem; }\n #post .other-users-comments .other-comments .comment .other-user {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-items: center;\n align-items: center; }\n #post .other-users-comments .other-comments .comment .other-user svg {\n width: 2rem;\n height: 2rem; }\n #post .other-users-comments .other-comments .comment .other-user svg path {\n fill: url(#linear-gradient); }\n #post .other-users-comments .other-comments .comment .other-user span {\n font-size: .8rem;\n margin-left: .3rem; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .other-users-comments .other-comments .comment .other-user span {\n font-size: 1rem; } }\n #post .other-users-comments .other-comments .comment p {\n padding: .5rem;\n height: auto;\n font-size: .5rem;\n line-height: 1.2;\n border: 1px solid #B8B3B3;\n border-radius: 6px; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .other-users-comments .other-comments .comment p {\n font-size: 1rem; } }\n #post .other-users-comments .add-comment {\n padding: 0rem 1.5rem; }\n #post .other-users-comments .add-comment input {\n width: 100%;\n padding: .5rem;\n border: 1px solid #B8B3B3;\n border-radius: 6px;\n background: none;\n justify-self: center;\n margin-bottom: 1rem;\n outline: none; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n #post .other-users-comments .add-comment input {\n padding: .7rem; } }\n\n#post-page {\n background: 100% 100%/contain no-repeat url(/pexta/static/media/post-page-wave.60cc297a.svg) !important; }\n\n.btn-mobile {\n cursor: pointer;\n color: white;\n display: block;\n font-size: 1.5rem;\n text-decoration: none; }\n\n.btn {\n cursor: pointer;\n color: #1d1d1d;\n background-color: #fff;\n font-weight: bold;\n text-decoration: none;\n text-align: center;\n border: none;\n border-radius: .3rem;\n font-size: 1.1rem;\n padding: .5rem 1rem; }\n\n.btn-gradient {\n background: -webkit-linear-gradient(30deg, #eacc56, #ee64d1);\n background: linear-gradient(60deg, #eacc56, #ee64d1);\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n color: white !important; }\n .btn-gradient:hover {\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n background: -webkit-linear-gradient(300deg, #eacc56, #ee64d1);\n background: linear-gradient(150deg, #eacc56, #ee64d1); }\n\nmain:not(#showcase) {\n height: auto;\n padding: 2rem 0rem;\n padding-top: 0; }\n @media only screen and (min-width: 769px) and (orientation: landscape) {\n main:not(#showcase) {\n height: auto;\n padding: 1rem 0rem 7rem 0rem;\n padding-top: none;\n display: grid;\n grid-template-columns: 1fr auto;\n grid-column-gap: 2rem; } }\n\n:root {\n height: 100%; }\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box; }\n *:focus {\n outline: none; }\n\nbody {\n background: none;\n height: 100%;\n font-family: Montserrat;\n font-size: 10px; }\n\nbody::-webkit-scrollbar {\n width: .3rem; }\n\nbody::-webkit-scrollbar-thumb {\n background: -webkit-gradient(linear, left top, left bottom, from(#ee64d1), to(#eacc56));\n background: -webkit-linear-gradient(#ee64d1, #eacc56);\n background: linear-gradient(#ee64d1, #eacc56); }\n\n.container {\n width: 85%;\n margin: auto; }\n\nbutton {\n font-family: Montserrat;\n font-size: inherit;\n border: none;\n background: none;\n outline: none; }\n\n.route-link {\n text-decoration: none;\n color: inherit;\n font-size: inherit; }\n\n","@import './variables';\r\n\r\n#landing-nav {\r\n height: 10vh;\r\n padding: 1rem 0rem;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n .nav-logo {\r\n width: 7rem;\r\n height: 7rem;\r\n \r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n .big-btns {\r\n display: none;\r\n }\r\n\r\n .mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n .mobile-menu-overlay {\r\n background: #70707040;\r\n height: 100vh;\r\n width: 100%;\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n opacity: 0;\r\n z-index: 1;\r\n display: none;\r\n }\r\n\r\n .mobile-menu {\r\n background: linear-gradient(120deg, #ee64d1, #eacc56);\r\n height: 100vh;\r\n width: 50%;\r\n position: fixed;\r\n top: 0%;\r\n left: 100%;\r\n z-index: 2;\r\n display: none;\r\n\r\n .small-btns {\r\n padding-top: 10rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n justify-content: center;\r\n text-align: center;\r\n grid-row-gap: 3rem;\r\n }\r\n\r\n #sign-up-btn {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n .close-mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n fill: white;\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (orientation: landscape) {\r\n #landing-nav {\r\n padding: 2.5rem 0rem;\r\n\r\n .big-btns {\r\n display: block;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#showcase {\r\n height: 85vh;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n\r\n h1 {\r\n text-align: center;\r\n font-weight: bolder;\r\n font-size: 2.5rem;\r\n align-self: center;\r\n }\r\n\r\n .contact {\r\n text-align: right;\r\n align-self: flex-end;\r\n\r\n svg {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n fill: #d3d3d3;\r\n transition: fill .3s ease-in-out;\r\n \r\n &:nth-child(2) {\r\n margin-left: .2rem;\r\n margin-right: .2rem;\r\n }\r\n }\r\n\r\n .facebook:hover {\r\n fill: #4267b2;\r\n }\r\n\r\n .instagram:hover {\r\n fill: #e4405f;\r\n }\r\n\r\n .mail:hover {\r\n fill: #dd4b39;\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (orientation: landscape) {\r\n #showcase {\r\n h1 {\r\n font-size: 3rem;\r\n text-align: left;\r\n align-self: center;\r\n }\r\n\r\n .contact {\r\n text-align: left;\r\n\r\n svg {\r\n width: 3rem;\r\n height: 3rem;\r\n margin-bottom: 0rem;\r\n }\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#sign-up-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #sign-up {\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: grid;\r\n justify-items: center;\r\n grid-row-gap: .5rem;\r\n\r\n .close-sign-up {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n justify-self: flex-end;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n \r\n form {\r\n padding: 2rem;\r\n display: grid;\r\n justify-items: center;\r\n align-items: center;\r\n grid-row-gap: .2rem;\r\n\r\n input {\r\n padding: .5rem;\r\n border: none;\r\n border-bottom: 1px solid #ee64d1;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n button {\r\n cursor: pointer;\r\n padding: .5rem 1rem;\r\n border: none;\r\n border-radius: 4px;\r\n margin-top: 1rem;\r\n color: white;\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (orientation: landscape) {\r\n #sign-up {\r\n position: absolute;\r\n top: 12%;\r\n right: 7%;\r\n }\r\n\r\n h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n form {\r\n padding: 2rem 4rem;\r\n\r\n input {\r\n padding: 1rem;\r\n }\r\n\r\n button {\r\n padding: 1rem 1.5rem;\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#log-in-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #log-in {\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: grid;\r\n justify-items: center;\r\n grid-row-gap: .5rem;\r\n\r\n .close-log-in {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n justify-self: flex-end;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n \r\n form {\r\n padding: 2rem;\r\n display: grid;\r\n justify-items: center;\r\n align-items: center;\r\n grid-row-gap: .2rem;\r\n\r\n input {\r\n padding: .5rem;\r\n border: none;\r\n border-bottom: 1px solid #ee64d1;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n button {\r\n cursor: pointer;\r\n padding: .5rem 1rem;\r\n border: none;\r\n border-radius: 4px;\r\n margin-top: 1rem;\r\n color: white;\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (orientation: landscape) {\r\n #log-in {\r\n position: absolute;\r\n top: 12%;\r\n right: 7%;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5;\r\n }\r\n \r\n form {\r\n padding: 2rem 4rem;\r\n\r\n input {\r\n padding: 1rem;\r\n }\r\n\r\n button {\r\n padding: 1rem 1.5rem;\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#landing-page {\r\n height: 100vh;\r\n background: 100% 100% / contain no-repeat url(../img/landing-page-wave.svg) !important;\r\n}\r\n\r\n.btn {\r\n cursor: pointer;\r\n color: $mainTextColor;\r\n background-color: #fff;\r\n font-weight: bold;\r\n text-decoration: none;\r\n text-align: center;\r\n border: none;\r\n border-radius: .3rem;\r\n font-size: 1.1rem;\r\n margin: .5rem 1rem;\r\n padding: .5rem 1rem;\r\n}\r\n\r\n.btn-mobile {\r\n cursor: pointer;\r\n color: white;\r\n display: block;\r\n font-size: 2rem;\r\n text-decoration: none;\r\n}\r\n\r\n.btn-gradient {\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n transition: all .3s ease-in-out;\r\n color: white !important;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n background: linear-gradient(150deg, #eacc56, #ee64d1);\r\n }\r\n}\r\n\r\n.btn-white {\r\n background: white;\r\n transition: all .3s ease-in-out;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n }\r\n}","@import './variables';\r\n\r\n#home-nav {\r\n height: 10vh;\r\n padding: .5rem 0rem;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n .nav-logo {\r\n width: 7rem;\r\n height: 7rem;\r\n \r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n .btn-gradient {\r\n display: none;\r\n\r\n @media #{$bigScreens} {\r\n display: inline;\r\n }\r\n }\r\n\r\n .mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n\r\n @media #{$bigScreens} {\r\n display: none;\r\n }\r\n }\r\n\r\n .mobile-menu-overlay {\r\n background: #70707040;\r\n height: 100vh;\r\n width: 100%;\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n opacity: 0;\r\n z-index: 1;\r\n display: none;\r\n }\r\n\r\n .mobile-menu {\r\n background: linear-gradient(120deg, #ee64d1, #eacc56);\r\n height: 100vh;\r\n width: 50%;\r\n position: fixed;\r\n top: 0%;\r\n left: 100%;\r\n z-index: 2;\r\n display: none;\r\n\r\n .current-user {\r\n padding-top: 2rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n justify-items: center;\r\n\r\n h3 {\r\n font-size: 1.7rem;\r\n color: white;\r\n }\r\n\r\n .avatar {\r\n width: 6rem;\r\n height: 6rem;\r\n \r\n .cls-1 {\r\n fill: white;\r\n }\r\n }\r\n }\r\n\r\n .small-btns {\r\n padding-top: 2.5rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n justify-content: center;\r\n text-align: center;\r\n grid-row-gap: 3rem;\r\n font-size: 1.3rem;\r\n }\r\n }\r\n\r\n .close-mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n fill: white;\r\n }\r\n}","@import './variables';\r\n\r\n#posts {\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n grid-row-gap: 1.5rem;\r\n\r\n @media #{$bigScreens} {\r\n background: white;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 5px #17171777;\r\n padding: 2rem;\r\n grid-row-gap: 1rem;\r\n }\r\n\r\n #posts-filter {\r\n font-size: 1rem;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n justify-items: center;\r\n align-items: center;\r\n\r\n button {\r\n cursor: pointer;\r\n }\r\n\r\n .active {\r\n color: #EE72BF;\r\n }\r\n }\r\n\r\n #posts-container {\r\n display: grid;\r\n grid-template-rows: auto;\r\n grid-row-gap: 1rem;\r\n\r\n .post {\r\n background: white;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 5px #17171777;\r\n\r\n @media #{$bigScreens} {\r\n display: grid;\r\n grid-template-columns: 1fr .3fr;\r\n }\r\n\r\n .info {\r\n padding: .5rem 1rem;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n align-items: center;\r\n\r\n @media #{$bigScreens} {\r\n padding: 1rem;\r\n grid-template-columns: none;\r\n grid-template-rows: 1fr auto;\r\n grid-row-gap: 1rem;\r\n }\r\n\r\n .data {\r\n justify-self: flex-start;\r\n display: grid;\r\n grid-template-rows: repeat(3, auto);\r\n grid-row-gap: .1rem;\r\n\r\n @media #{$bigScreens} {\r\n grid-row-gap: .5rem;\r\n }\r\n\r\n h2 {\r\n display: inline-block;\r\n cursor: pointer;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n \r\n @media #{$bigScreens} {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n }\r\n\r\n .stats {\r\n justify-self: flex-end;\r\n\r\n @media #{$bigScreens} {\r\n justify-self: flex-start;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-column-gap: 1rem;\r\n }\r\n }\r\n }\r\n\r\n .interaction {\r\n padding: .2rem .5rem;\r\n border-radius: 0px 0px 8px 8px;\r\n background: #E3E3E3;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n align-items: center;\r\n justify-items: center;\r\n\r\n @media #{$bigScreens} {\r\n padding: .5rem;\r\n border-radius: 0px 8px 8px 0px;\r\n grid-template-columns: none;\r\n grid-template-rows: repeat(3, 1fr);\r\n }\r\n\r\n .like, .dislike, .comment {\r\n width: 100%;\r\n height: 100%;\r\n padding: .5rem 1rem;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n &:hover {\r\n background: rgb(190, 189, 189);\r\n border-radius: 8px;\r\n\r\n .cls-1 {\r\n fill: rgb(80, 78, 78);\r\n }\r\n }\r\n\r\n svg {\r\n width: 1rem;\r\n height: 1rem;\r\n margin-right: .2rem;\r\n\r\n @media #{$bigScreens} {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n\r\n .cls-1 {\r\n fill: #6A6A6A;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#profile-info {\r\n display: none;\r\n\r\n @media #{$bigScreens} {\r\n display: grid;\r\n grid-template-rows: repeat(2, auto) 1fr;\r\n grid-row-gap: 1.5rem;\r\n }\r\n\r\n .profile-stats, .contact, .ad {\r\n padding: 1rem 3rem;\r\n background: white;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 5px #17171777;\r\n }\r\n\r\n .profile {\r\n background: white;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 5px #17171777;\r\n\r\n .settings-btn {\r\n cursor: pointer;\r\n width: 1rem;\r\n height: 1rem;\r\n margin: .5rem;\r\n position: relative;\r\n left: 85%;\r\n \r\n .st0{\r\n fill:url(#linear-gradient);\r\n }\r\n }\r\n\r\n .user {\r\n padding: 1rem 3rem;\r\n padding-top: 0;\r\n text-align: center;\r\n\r\n svg {\r\n width: 8rem;\r\n height: 8rem;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h3 {\r\n font-size: 1.5rem;\r\n font-weight: normal;\r\n }\r\n\r\n .user-btns {\r\n margin-top: 1rem;\r\n display: grid;\r\n grid-row-gap: .3rem;\r\n font-size: 1.1rem;\r\n\r\n button {\r\n cursor: pointer;\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .profile-stats {\r\n display: grid;\r\n grid-template-rows: repeat(2, 1fr);\r\n grid-row-gap: 1rem;\r\n\r\n h3 {\r\n text-align: left;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-column-gap: 1rem;\r\n justify-items: center;\r\n font-size: 1.1rem;\r\n\r\n svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n margin-left: .1rem;\r\n \r\n .cls-1 {\r\n fill: #6A6A6A;\r\n }\r\n }\r\n\r\n .likes, .dislikes, .comments {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n\r\n .ad {\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n }\r\n}","@import './variables';\r\n\r\nfooter {\r\n height: auto;\r\n background-color: #4e4e4e;\r\n color: white;\r\n font-size: 11px;\r\n\r\n .container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: auto;\r\n grid-column-gap: .1rem;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .footer-logo {\r\n fill: rgba(255,255,255,.75);\r\n width: 5.5rem;\r\n height: 5.5rem;\r\n justify-self: flex-start;\r\n }\r\n\r\n .copyright {\r\n justify-self: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-links {\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n text-align: right;\r\n\r\n span {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: black;\r\n font-weight: bold;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media #{$bigScreens} {\r\n footer {\r\n font-size: 1rem;\r\n \r\n .container {\r\n grid-column-gap: 1rem;\r\n }\r\n\r\n .footer-links {\r\n justify-self: flex-end;\r\n grid-template-rows: none;\r\n grid-template-columns: repeat(2, auto);\r\n grid-column-gap: .5rem;\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#add-post-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #add-post {\r\n padding: 1rem;\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: grid;\r\n justify-items: center;\r\n grid-row-gap: .5rem;\r\n\r\n .close-add-post {\r\n cursor: pointer;\r\n width: 1rem;\r\n height: 1rem;\r\n // padding: .5rem;\r\n justify-self: flex-end;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n form {\r\n width: 100%;\r\n display: grid;\r\n justify-items: center;\r\n align-items: center;\r\n grid-row-gap: .5rem;\r\n\r\n input, textarea {\r\n font-family: Montserrat;\r\n width: 100%;\r\n padding: .5rem;\r\n border: none;\r\n border-bottom: 1px solid #ee64d1;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media #{$bigScreens} {\r\n #add-post-container {\r\n \r\n #add-post {\r\n width: 70%;\r\n padding: .5rem;\r\n height: auto;\r\n\r\n h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .close-add-post {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n }\r\n \r\n form {\r\n grid-row-gap: 1rem;\r\n \r\n input, textarea {\r\n font-size: 1rem;\r\n }\r\n \r\n button {\r\n padding: 1rem 1.5rem;\r\n font-size: 1rem;\r\n justify-self: flex-end;\r\n }\r\n }\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#desktop-profile-settings-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #desktop-profile-settings {\r\n width: auto;\r\n padding: .8rem;\r\n height: auto;\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n grid-row-gap: .5rem;\r\n\r\n & > div {\r\n display: grid;\r\n grid-template-columns: repeat(2, auto);\r\n }\r\n\r\n .close-profile-settings {\r\n cursor: pointer;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n justify-self: flex-end;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n justify-self: flex-start;\r\n }\r\n\r\n .settings {\r\n display: grid;\r\n grid-template-columns: repeat(4, auto);\r\n grid-gap: .5rem;\r\n\r\n @media only screen and (max-width: 1440px) {\r\n grid-template-columns: repeat(2, auto);\r\n }\r\n\r\n h3 {\r\n font-size: 1rem;\r\n color: #7D7D7D;\r\n }\r\n\r\n input[type=\"text\"], input[type=\"email\"], input[type=\"password\"] {\r\n padding: .5rem;\r\n border: none;\r\n border-bottom: 1px solid #ee64d1;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n button:hover {\r\n transform: none;\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n }\r\n\r\n input[type=\"file\"]::-webkit-file-upload-button {\r\n cursor: pointer;\r\n outline: none;\r\n border: none;\r\n color: #7D7D7D;\r\n background: none;\r\n width: 100%;\r\n }\r\n\r\n .change-photo, .change-password, .change-email, .change-username {\r\n padding: .5rem;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n display: grid;\r\n grid-template-rows: repeat(3, auto);\r\n justify-items: flex-start;\r\n align-items: center;\r\n justify-items: center;\r\n grid-row-gap: .5rem;\r\n }\r\n\r\n form {\r\n display: grid;\r\n justify-items: center;\r\n align-items: center;\r\n }\r\n\r\n .change-photo {\r\n grid-template-rows: repeat(4, auto);\r\n\r\n svg {\r\n width: 5rem;\r\n height: 5rem;\r\n \r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n } \r\n }\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#mobile-profile-settings-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #mobile-profile-settings {\r\n width: 70%;\r\n padding: 2rem 1rem;\r\n height: auto;\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n grid-row-gap: 1.5rem;\r\n\r\n & > div {\r\n display: grid;\r\n grid-template-columns: repeat(2, auto);\r\n\r\n .close-profile-settings {\r\n cursor: pointer;\r\n width: 1rem;\r\n height: 1rem;\r\n justify-self: flex-end;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h2 {\r\n font-size: 1.2rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n justify-self: flex-start;\r\n }\r\n }\r\n\r\n h3 {\r\n cursor: pointer;\r\n justify-self: center;\r\n font-size: 1rem;\r\n color: #7D7D7D;\r\n }\r\n }\r\n\r\n .change-photo, .change-password, .change-email, .change-username {\r\n grid-template-rows: repeat(2, auto);\r\n grid-row-gap: 1rem;\r\n align-items: center;\r\n width: 70%;\r\n padding: 2rem 1rem;\r\n height: auto;\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: none;\r\n\r\n .settings-return {\r\n cursor: pointer;\r\n display: inline-block;\r\n justify-self: flex-start;\r\n\r\n h2 {\r\n font-size: 1.3rem;\r\n background: linear-gradient(#eacc56, #ee64d1);\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n justify-self: flex-start;\r\n }\r\n }\r\n\r\n .settings {\r\n justify-self: center;\r\n display: grid;\r\n grid-template-rows: auto;\r\n grid-row-gap: 1rem;\r\n align-items: center;\r\n justify-items: center;\r\n\r\n h3 {\r\n font-size: 1rem;\r\n color: #7d7d7d;\r\n }\r\n\r\n svg {\r\n width: 5rem;\r\n height: 5rem;\r\n \r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n form {\r\n display: grid;\r\n justify-items: center;\r\n align-items: center;\r\n grid-row-gap: .5rem;\r\n }\r\n\r\n input[type=\"file\"] {\r\n width: 80%;\r\n \r\n &::-webkit-file-upload-button {\r\n cursor: pointer;\r\n outline: none;\r\n border: none;\r\n color: #7D7D7D;\r\n background: none;\r\n }\r\n }\r\n\r\n input[type=\"text\"], input[type=\"email\"], input[type=\"password\"] {\r\n padding: .1rem;\r\n border: none;\r\n border-bottom: 1px solid #ee64d1;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n}","@import './variables';\r\n\r\n#user-profile-container {\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n z-index: 3;\r\n height: 100vh;\r\n width: 100%;\r\n background: #70707040;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n #user-profile {\r\n border-radius: 15px;\r\n box-shadow: 0px 0px 15px #707070;\r\n background: white;\r\n display: grid;\r\n grid-row-gap: .2rem;\r\n\r\n .close-user-profile {\r\n cursor: pointer;\r\n width: 2rem;\r\n height: 2rem;\r\n padding: .5rem;\r\n justify-self: flex-end;\r\n\r\n @media #{$bigScreens} {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n }\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n .user {\r\n display: grid;\r\n grid-template-rows: auto;\r\n grid-row-gap: .2rem;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n svg {\r\n width: 5rem;\r\n height: 5rem;\r\n\r\n @media #{$bigScreens} {\r\n width: 8rem;\r\n height: 8rem;\r\n }\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n h3 {\r\n font-size: 1.2rem;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n }\r\n\r\n .user-posts {\r\n padding: .5rem 2rem 2rem 2rem;\r\n display: grid;\r\n grid-row-gap: .5rem;\r\n\r\n h3 {\r\n font-size: 1rem;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n .posts {\r\n padding: .1rem;\r\n height: 150px;\r\n overflow-y: scroll;\r\n display: grid;\r\n grid-row-gap: .5rem;\r\n\r\n @media #{$bigScreens} {\r\n padding: .3rem;\r\n }\r\n\r\n &::-webkit-scrollbar {\r\n width: .2rem;\r\n }\r\n \r\n &::-webkit-scrollbar-thumb {\r\n background: #707070;\r\n }\r\n\r\n .post {\r\n background: white;\r\n padding: .5rem;\r\n border-radius: 5px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 1px #17171777;\r\n display: grid;\r\n grid-row-gap: .3rem;\r\n\r\n h4 {\r\n font-size: .8rem;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n p {\r\n @media #{$bigScreens} {\r\n font-size: .8rem;\r\n }\r\n }\r\n\r\n .stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, auto);\r\n justify-items: center;\r\n align-items: center;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","@import './variables';\r\n\r\n#home-page {\r\n background: 100% 100% / contain no-repeat url(../img/home-page-wave.svg) !important;\r\n}\r\n\r\n.btn-mobile {\r\n cursor: pointer;\r\n color: white;\r\n display: block;\r\n font-size: 1.5rem;\r\n text-decoration: none;\r\n}\r\n\r\n.btn {\r\n cursor: pointer;\r\n color: $mainTextColor;\r\n background-color: #fff;\r\n font-weight: bold;\r\n text-decoration: none;\r\n text-align: center;\r\n border: none;\r\n border-radius: .3rem;\r\n font-size: 1.1rem;\r\n padding: .5rem 1rem;\r\n}\r\n\r\n.btn-gradient {\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n transition: all .3s ease-in-out;\r\n color: white !important;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n background: linear-gradient(150deg, #eacc56, #ee64d1);\r\n }\r\n}\r\n\r\nmain:not(#showcase) {\r\n height: auto;\r\n padding: 2rem 0rem;\r\n padding-top: 0;\r\n\r\n @media #{$bigScreens} {\r\n height: auto;\r\n padding: 2rem 0rem 7rem 0rem;\r\n padding-top: none;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n grid-column-gap: 2rem;\r\n }\r\n}","@import './variables';\r\n\r\n#post-nav {\r\n height: 10vh;\r\n padding: .5rem 0rem;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n .nav-logo {\r\n width: 7rem;\r\n height: 7rem;\r\n \r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n .btn-gradient {\r\n display: none;\r\n\r\n @media #{$bigScreens} {\r\n display: inline;\r\n }\r\n }\r\n\r\n .mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n .cls-1 {\r\n fill: url(#linear-gradient);\r\n }\r\n\r\n @media #{$bigScreens} {\r\n display: none;\r\n }\r\n }\r\n\r\n .mobile-menu-overlay {\r\n background: #70707040;\r\n height: 100vh;\r\n width: 100%;\r\n position: fixed;\r\n top: 0%;\r\n left: 0%;\r\n opacity: 0;\r\n z-index: 1;\r\n display: none;\r\n }\r\n\r\n .mobile-menu {\r\n background: linear-gradient(120deg, #ee64d1, #eacc56);\r\n height: 100vh;\r\n width: 50%;\r\n position: fixed;\r\n top: 0%;\r\n left: 100%;\r\n z-index: 2;\r\n display: none;\r\n\r\n .current-user {\r\n padding-top: 2rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n justify-items: center;\r\n\r\n h3 {\r\n font-size: 1.7rem;\r\n color: white;\r\n }\r\n\r\n .avatar {\r\n width: 6rem;\r\n height: 6rem;\r\n \r\n .cls-1 {\r\n fill: white;\r\n }\r\n }\r\n }\r\n\r\n .small-btns {\r\n padding-top: 2.5rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n justify-content: center;\r\n text-align: center;\r\n grid-row-gap: 3rem;\r\n font-size: 1.3rem;\r\n }\r\n }\r\n\r\n .close-mobile-menu-btn {\r\n cursor: pointer;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: .5rem;\r\n fill: white;\r\n }\r\n}","@import './variables';\r\n\r\n#post {\r\n padding: .5rem 0rem;\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n grid-row-gap: .5rem;\r\n\r\n @media #{$bigScreens} {\r\n padding: 0rem;\r\n border-radius: 8px;\r\n border: 1px solid #CFCBCB;\r\n box-shadow: 0px 0px 5px #17171777;\r\n }\r\n\r\n .info {\r\n display: grid;\r\n grid-template-rows: repeat(2, auto);\r\n grid-row-gap: .5rem;\r\n\r\n @media #{$bigScreens} {\r\n padding: 1rem;\r\n grid-row-gap: 1rem;\r\n }\r\n\r\n .data {\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n grid-row-gap: .5rem;\r\n\r\n h2 {\r\n font-size: 1.2rem;\r\n color: #171717;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n p {\r\n height: auto;\r\n align-self: center;\r\n font-size: 1rem;\r\n line-height: 1.2;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n }\r\n\r\n .stats {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n\r\n .user {\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n svg {\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n\r\n span {\r\n font-size: 1rem;\r\n margin-left: .3rem;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1.2rem;\r\n }\r\n }\r\n }\r\n\r\n .stats {\r\n justify-self: flex-end;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n align-items: center;\r\n grid-column-gap: .5rem;\r\n\r\n .likes, .dislikes, .comments {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n svg {\r\n width: 1rem;\r\n height: 1rem;\r\n margin-right: .2rem;\r\n\r\n @media #{$bigScreens} {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n\r\n .cls-1 {\r\n fill: #6A6A6A;\r\n }\r\n }\r\n\r\n span {\r\n margin-right: .2rem;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .other-users-comments {\r\n background: linear-gradient(60deg, rgba(238, 119, 184, 0.2), rgba(235, 170, 126, 0.2));\r\n border-radius: 8px;\r\n display: grid;\r\n grid-template-rows: repeat(3, auto);\r\n grid-row-gap: 1rem;\r\n\r\n @media #{$bigScreens} {\r\n border-radius: 0px;\r\n }\r\n\r\n h2 {\r\n display: inline-block;\r\n padding: .5rem 0rem 0rem .5rem;\r\n font-size: 1rem;\r\n color: #6A6A6A;\r\n\r\n @media #{$bigScreens} {\r\n padding: 1rem 0rem 0rem 1rem;\r\n }\r\n }\r\n\r\n .other-comments {\r\n padding: 0rem 1.5rem;\r\n display: grid;\r\n align-items: center;\r\n grid-row-gap: 1rem;\r\n\r\n .comment {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: center;\r\n grid-column-gap: 1rem;\r\n \r\n .other-user {\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n justify-items: center;\r\n align-items: center;\r\n \r\n svg {\r\n width: 2rem;\r\n height: 2rem;\r\n \r\n path {\r\n fill: url(#linear-gradient);\r\n }\r\n }\r\n \r\n span {\r\n font-size: .8rem;\r\n margin-left: .3rem;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1rem;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n padding: .5rem;\r\n height: auto;\r\n font-size: .5rem;\r\n line-height: 1.2;\r\n border: 1px solid #B8B3B3;\r\n border-radius: 6px;\r\n\r\n @media #{$bigScreens} {\r\n font-size: 1rem;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .add-comment {\r\n padding: 0rem 1.5rem;\r\n \r\n input {\r\n width: 100%;\r\n padding: .5rem;\r\n border: 1px solid #B8B3B3;\r\n border-radius: 6px;\r\n background: none;\r\n justify-self: center;\r\n margin-bottom: 1rem;\r\n outline: none;\r\n \r\n @media #{$bigScreens} {\r\n padding: .7rem;\r\n }\r\n }\r\n }\r\n\r\n }\r\n}","@import './variables';\r\n\r\n#post-page {\r\n background: 100% 100% / contain no-repeat url(../img/post-page-wave.svg) !important;\r\n}\r\n\r\n.btn-mobile {\r\n cursor: pointer;\r\n color: white;\r\n display: block;\r\n font-size: 1.5rem;\r\n text-decoration: none;\r\n}\r\n\r\n.btn {\r\n cursor: pointer;\r\n color: $mainTextColor;\r\n background-color: #fff;\r\n font-weight: bold;\r\n text-decoration: none;\r\n text-align: center;\r\n border: none;\r\n border-radius: .3rem;\r\n font-size: 1.1rem;\r\n padding: .5rem 1rem;\r\n}\r\n\r\n.btn-gradient {\r\n background: linear-gradient(60deg, #eacc56, #ee64d1);\r\n transition: all .3s ease-in-out;\r\n color: white !important;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n background: linear-gradient(150deg, #eacc56, #ee64d1);\r\n }\r\n}\r\n\r\nmain:not(#showcase) {\r\n height: auto;\r\n padding: 2rem 0rem;\r\n padding-top: 0;\r\n\r\n @media #{$bigScreens} {\r\n height: auto;\r\n padding: 1rem 0rem 7rem 0rem;\r\n padding-top: none;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n grid-column-gap: 2rem;\r\n }\r\n}","$mainTextColor: #1d1d1d;\r\n$bigScreens: \"only screen and (min-width:769px) and (orientation: landscape)\";","@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');\r\n@import './scss/variables';\r\n\r\n:root {\r\n height: 100%;\r\n}\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\nbody {\r\n background: none;\r\n height: 100%;\r\n font-family: Montserrat;\r\n font-size: 10px;\r\n}\r\n\r\nbody::-webkit-scrollbar {\r\n width: .3rem;\r\n}\r\n\r\nbody::-webkit-scrollbar-thumb {\r\n background: linear-gradient(#ee64d1, #eacc56);\r\n}\r\n\r\n.container {\r\n width: 85%;\r\n margin: auto;\r\n}\r\n\r\nbutton {\r\n font-family: Montserrat;\r\n font-size: inherit;\r\n border: none;\r\n background: none;\r\n outline: none;\r\n}\r\n\r\n.route-link {\r\n text-decoration: none;\r\n color: inherit;\r\n font-size: inherit;\r\n}"]} \ No newline at end of file diff --git a/static/js/2.7e2131bb.chunk.js b/static/js/2.7e2131bb.chunk.js new file mode 100644 index 0000000..636b105 --- /dev/null +++ b/static/js/2.7e2131bb.chunk.js @@ -0,0 +1,2 @@ +(window.webpackJsonppexta=window.webpackJsonppexta||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(23)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";function r(e,t){for(var n=0;n=0;d--){var p=l[d];"."===p?i(l,d):".."===p?(i(l,d),f++):f&&(i(l,d),f--)}if(!c)for(;f--;f)l.unshift("..");!c||""===l[0]||l[0]&&o(l[0])||l.unshift("");var h=l.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};function a(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var u=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"===typeof t||"object"===typeof n){var r=a(t),o=a(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},c=n(8);function s(e){return"/"===e.charAt(0)?e:"/"+e}function f(e){return"/"===e.charAt(0)?e.substr(1):e}function d(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function h(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function m(e,t,n,o){var i;"string"===typeof e?(i=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(i=Object(r.a)({},e)).pathname&&(i.pathname=""),i.search?"?"!==i.search.charAt(0)&&(i.search="?"+i.search):i.search="",i.hash?"#"!==i.hash.charAt(0)&&(i.hash="#"+i.hash):i.hash="",void 0!==t&&void 0===i.state&&(i.state=t));try{i.pathname=decodeURI(i.pathname)}catch(a){throw a instanceof URIError?new URIError('Pathname "'+i.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):a}return n&&(i.key=n),o?i.pathname?"/"!==i.pathname.charAt(0)&&(i.pathname=l(i.pathname,o.pathname)):i.pathname=o.pathname:i.pathname||(i.pathname="/"),i}function v(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&u(e.state,t.state)}function y(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"===typeof e?e(t,n):e;"string"===typeof i?"function"===typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,r):n.push(r),f({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=m(e,t,d(),w.location);s.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(w.entries[w.index]=r,f({action:"REPLACE",location:r}))}))},go:b,goBack:function(){b(-1)},goForward:function(){b(1)},canGo:function(e){var t=w.index+e;return t>=0&&t=0||(o[n]=e[n]);return o}n.d(t,"a",(function(){return r}))},function(e,t,n){e.exports=n(30)()},,function(e,t){e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}},function(e,t,n){var r=n(33);e.exports=p,e.exports.parse=i,e.exports.compile=function(e,t){return a(i(e,t))},e.exports.tokensToFunction=a,e.exports.tokensToRegExp=d;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function i(e,t){for(var n,r=[],i=0,l=0,a="",s=t&&t.delimiter||"/";null!=(n=o.exec(e));){var f=n[0],d=n[1],p=n.index;if(a+=e.slice(l,p),l=p+f.length,d)a+=d[1];else{var h=e[l],m=n[2],v=n[3],y=n[4],g=n[5],b=n[6],w=n[7];a&&(r.push(a),a="");var k=null!=m&&null!=h&&h!==m,x="+"===b||"*"===b,E="?"===b||"*"===b,T=n[2]||s,C=y||g;r.push({name:v||i++,prefix:m||"",delimiter:T,optional:E,repeat:x,partial:k,asterisk:!!w,pattern:C?c(C):w?".*":"[^"+u(T)+"]+?"})}}return lz.length&&z.push(e)}function L(e,t,n){return null==e?0:function e(t,n,r,o){var a=typeof t;"undefined"!==a&&"boolean"!==a||(t=null);var u=!1;if(null===t)u=!0;else switch(a){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case l:u=!0}}if(u)return r(o,t,""===n?"."+A(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;cthis.eventPool.length&&this.eventPool.push(e)}function de(e){e.eventPool=[],e.getPooled=se,e.release=fe}o(ce.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!==typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ae)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!==typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ae)},persist:function(){this.isPersistent=ae},isPersistent:ue,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=ue,this._dispatchInstances=this._dispatchListeners=null}}),ce.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},ce.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var i=new t;return o(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=o({},r.Interface,e),n.extend=r.extend,de(n),n},de(ce);var pe=ce.extend({data:null}),he=ce.extend({data:null}),me=[9,13,27,32],ve=Q&&"CompositionEvent"in window,ye=null;Q&&"documentMode"in document&&(ye=document.documentMode);var ge=Q&&"TextEvent"in window&&!ye,be=Q&&(!ve||ye&&8=ye),we=String.fromCharCode(32),ke={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},xe=!1;function Ee(e,t){switch(e){case"keyup":return-1!==me.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Te(e){return"object"===typeof(e=e.detail)&&"data"in e?e.data:null}var Ce=!1;var _e={eventTypes:ke,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(ve)e:{switch(e){case"compositionstart":o=ke.compositionStart;break e;case"compositionend":o=ke.compositionEnd;break e;case"compositionupdate":o=ke.compositionUpdate;break e}o=void 0}else Ce?Ee(e,n)&&(o=ke.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=ke.compositionStart);return o?(be&&"ko"!==n.locale&&(Ce||o!==ke.compositionStart?o===ke.compositionEnd&&Ce&&(i=le()):(oe="value"in(re=r)?re.value:re.textContent,Ce=!0)),o=pe.getPooled(o,t,n,r),i?o.data=i:null!==(i=Te(n))&&(o.data=i),H(o),i=o):i=null,(e=ge?function(e,t){switch(e){case"compositionend":return Te(t);case"keypress":return 32!==t.which?null:(xe=!0,we);case"textInput":return(e=t.data)===we&&xe?null:e;default:return null}}(e,n):function(e,t){if(Ce)return"compositionend"===e||!ve&&Ee(e,t)?(e=le(),ie=oe=re=null,Ce=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1