{"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}"]}