@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&family=Montserrat:wght@400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;overflow-x:hidden}a,body{font-family:Roboto,sans-serif}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{font-family:Montserrat,sans-serif}p{color:#6b7280;font-weight:300}.flex-center{align-items:center;display:flex;justify-content:center}ul{list-style:none}.container{margin:0 auto;width:1200px}.btn{align-items:center;box-shadow:0 4px 16px rgba(17,17,26,.05),0 8px 32px rgba(17,17,26,.05);cursor:pointer;display:block;display:flex;gap:.4rem;justify-content:center;transition:.1s ease-in-out}.btn-sm{border-radius:3px;font-size:.9rem;height:38px;width:100px}.btn-lg{border-radius:6px;font-size:1.2rem;height:60px;width:170px}.btn-purple{background:#4f46e5;border:none;color:#fff}.btn-purple:hover{background:#4338ca}.btn-white{background:#fff;border:1px solid #e6e6e6;color:#4f46e5}@media only screen and (max-width:1250px){.container{width:95%}}@media only screen and (max-width:900px){.btn-lg{border-radius:6px;font-size:1rem;height:50px;width:150px}}.layout{min-height:100vh}nav{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1.1rem 0;position:relative;z-index:999}nav .nav{justify-content:space-between}nav .nav .logo a{color:#4f46e5;font-family:Cookie,cursive;font-size:2.1rem}nav .nav-links-items{gap:4rem}nav .nav-links-items .nav-links-item{color:#6b7280;font-size:1rem}nav .nav-links-items .nav-links-item:hover{color:#111827}nav .nav-links-items .github{align-items:center;background:#4f46e5;color:#fff;display:flex;gap:.4rem;justify-content:center}nav .nav-links-items .github img{color:red;font-size:3px;width:1.5rem}footer{background-color:#1f2937;color:#7a7f8a;padding:3rem 0}footer .footer{align-items:center;display:grid;grid-template-columns:1fr 1fr}footer .footer-social{align-items:center;display:flex;gap:1rem;justify-content:flex-end}footer .footer-social img{width:27px}@media only screen and (max-width:900px){footer .footer{grid-template-columns:1fr;text-align:center}footer .footer-social{justify-content:center;margin-top:1.5rem}}nav.sidebar .nav-links{display:none}nav.sidebar.open .nav-links{display:flex;flex-direction:row;margin:0!important}nav.sidebar.open .nav-links ul{text-align:center;width:100%}nav.sidebar.open .nav-links ul li{padding:1rem 0}.hamburger-lines{cursor:pointer;display:block;display:flex;flex-direction:column;height:26px;justify-content:space-between;width:32px;z-index:2}.hamburger-lines .line{background:#0e2431;border-radius:10px;display:block;height:4px;width:100%}.hamburger-lines .line1{-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.hamburger-lines .line2{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.hamburger-lines .line3{-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}nav.sidebar.open .nav .hamburger-lines .line1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}nav.sidebar.open .nav .hamburger-lines .line2{-webkit-transform:scaleY(0);transform:scaleY(0)}nav.sidebar.open .nav .hamburger-lines .line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#landing{background:#f9fafb;position:relative}#landing .landing,#landing .landing-mask{display:grid;grid-template-columns:1fr 1fr;height:95vh}#landing .landing-mask-text,#landing .landing-text{display:flex;flex-direction:column;height:100%;justify-content:center;padding-right:2rem}#landing .landing-mask-text h1,#landing .landing-text h1{font-family:Montserrat,sans-serif;font-size:3.3rem;letter-spacing:-2px;word-spacing:2px}#landing .landing-mask-text p,#landing .landing-text p{color:#6b7280;font-size:1.1rem;margin:1rem 2rem 2rem 0}#landing .landing-image img,#landing .landing-mask-image img{height:100%;object-fit:cover;width:100%}#landing .landing-text{position:relative;z-index:999}#landing .landing-mask{position:absolute;top:0}@media only screen and (max-width:1100px){#landing .landing,#landing .landing-mask{grid-template-columns:1fr;height:auto}#landing .landing-mask-text,#landing .landing-text{display:flex;flex-direction:column;height:450px;justify-content:center;padding:2rem 0}#landing .landing-mask-text h1,#landing .landing-text h1{font-size:2.3rem}#landing .landing-mask-text p,#landing .landing-text p{color:#6b7280;font-size:1.1rem;margin:1rem 2rem 2rem 0}#landing .landing-image,#landing .landing-mask-image{height:500px}#landing .landing-image img,#landing .landing-mask-image img{height:100%;object-fit:cover;width:100%}#landing .landing-mask{position:relative}}.posts{min-height:100vh;padding:7rem 0;position:relative;text-align:center}.posts h1{font-size:2.7rem}.posts-description{color:#6b7280;font-size:1.1rem;margin-bottom:3rem;margin-top:.9rem}.posts img{width:100px}.posts-new{border:1px solid hsla(0,6%,87%,.432);cursor:pointer;height:50px;position:absolute;right:0;top:7.5rem;transition:.2s ease-in-out;width:170px}.posts-new-image{width:20px!important}.posts-new:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.posts-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem 2rem;text-align:left}.posts-grid-item h3{font-size:1.1rem;font-weight:500}.posts-grid-item .actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.posts-grid-item .actions div{cursor:pointer;width:25px}.posts-grid-item .actions div img{width:100%}.posts-grid-item p{font-size:.9rem;line-height:1.4rem;margin:1rem 0}.posts-grid-item .btn-see-comments{width:165px}@media only screen and (max-width:1100px){.posts{min-height:100vh;padding:7rem 0 4rem}.posts h1{font-size:1.8rem}.posts-new{position:absolute;top:2rem}.posts-description{font-size:1rem;margin-bottom:2rem;margin-top:.4rem}.posts-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem 2rem;text-align:left}.posts-grid-item h3{font-size:1.1rem;font-weight:500}}.pagination{margin-top:4rem;width:100%}.pagination ul{display:flex;justify-content:center;margin:0 auto}.pagination ul li{box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);cursor:pointer;padding:1rem}.pagination ul .page-link{background:#fff!important;border:none;color:#111827}.pagination ul .active{background:#4f46e5;color:#fff}body.modal-open{overflow:hidden!important}.modal.open{align-items:center;background-color:rgba(56,56,56,.897);display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100%;z-index:99999}.modal-box{background:#fff!important;border-radius:3px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);padding:2rem;width:450px}.modal-box-title{display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-box-title span{cursor:pointer}.modal-box-title span:hover{color:#e61f1f}.modal-box label input,.modal-box label textarea{border:1px solid hsla(0,0%,55%,.671);margin:.5rem 0 1rem;padding:.5rem 1rem;width:100%}.modal-box .btn-submit input{margin-top:.5rem}.modal.close{display:none}.users{min-height:100vh;padding:7rem 0;text-align:center}.users h1{font-size:2.7rem}.users-description{color:#6b7280;font-size:1.1rem;margin-bottom:3rem;margin-top:.9rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.users-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem 2rem;text-align:left}.users-grid-item h3{font-size:1.1rem;font-weight:500}.users-grid-item h5{color:#4f46e5;font-size:.9rem;font-weight:500;margin:.7rem 0}.users-grid-item p{font-size:.9rem;margin:1rem 0}.users-grid-item table{border-collapse:separate;border-spacing:0 .5rem;margin-top:1rem}.users-grid-item table tr{font-size:.9rem}.users-grid-item table tr td:first-child{color:#111827;margin-right:1rem}.users-grid-item table tr td:nth-child(2){padding:0 10px}.users-grid-item table tr td:last-child{color:#6b7280}.users-grid-item .users-btns{display:flex;gap:1rem;margin-top:1rem}@media only screen and (max-width:1100px){.users{min-height:100vh;padding:4rem 0}.users h1{font-size:1.8rem}.users-description{font-size:1rem;margin-bottom:2rem;margin-top:.4rem}.users-grid{gap:1.5rem}}.albums{min-height:100vh;padding:7rem 0;text-align:center}.albums h1{font-size:2.7rem}.albums-description{color:#6b7280;font-size:1.1rem;margin-bottom:3rem;margin-top:.9rem}.albums img{width:100px}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.albums-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1rem 1.5rem;text-align:left}.albums-grid-item h3{font-size:1.1rem;font-weight:500}@media only screen and (max-width:1100px){.albums{min-height:100vh;padding:4rem 0}.albums h1{font-size:1.8rem}.albums-description{font-size:1rem;margin-bottom:2rem;margin-top:.4rem}}.single-album-title{font-size:1.8rem!important}.btn-album{margin-top:1rem;width:160px}.user-username{color:#4f46e5;font-size:.9rem;font-weight:500;margin:.7rem 0}@media only screen and (max-width:1100px){.posts-albums{min-height:100vh;padding:4rem 0}}.photos{min-height:100vh;padding:7rem 0;text-align:center}.photos h1{font-size:2.7rem}.photos-description{color:#6b7280;font-size:1.1rem;margin-bottom:3rem;margin-top:.9rem}.photos img{width:100px}.photos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.photos-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-align:left}.photos-grid-item h3{font-size:1.1rem;font-weight:500}.photos-grid-item p{font-size:.9rem;margin:1rem 0}.photos-grid-item .photo-img{height:200px;width:100%}.photos-grid-item .photo-img img{height:100%;width:100%}.photos-grid-item .photo-text{padding:2rem 1.5rem}@media only screen and (max-width:1100px){.photos{min-height:100vh;padding:4rem 0}.photos h1{font-size:1.8rem}.photos-description{font-size:1rem;margin-bottom:2rem;margin-top:.4rem}}.single-post{min-height:100vh;padding:7rem 0;text-align:center}.single-post h1{font-size:2.7rem}.single-post .comment-on{margin-bottom:3rem}.single-post-description{color:#6b7280;font-size:1.1rem;margin-bottom:3rem;margin-top:.9rem}.single-post img{width:100px}.single-post .post-commented{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-bottom:5rem;padding:1.5rem 2rem}.single-post .post-commented h3{font-size:1.1rem;font-weight:500}.single-post .post-commented p{font-size:.9rem;margin:1rem 0}.single-post .comment-title{margin-bottom:4rem;position:relative}.single-post .comment-title .comment-new{border:1px solid hsla(0,6%,87%,.432);cursor:pointer;height:50px;position:absolute;right:0;top:-1rem;transition:.2s ease-in-out;width:170px}.single-post .comment-title .comment-new .comment-new-image{width:20px!important}.single-post .comment-title .comment-new:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.single-post-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.single-post-grid-item{border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem 2rem;text-align:left}.single-post-grid-item h3{font-size:1rem;font-weight:500}.single-post-grid-item p{font-size:.9rem;margin:1rem 0}.single-post-grid-item h5{font-size:.9rem;font-weight:500}.single-post-grid-item .actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.single-post-grid-item .actions div{cursor:pointer;width:25px}.single-post-grid-item .actions div img{width:100%}@media only screen and (max-width:1100px){.single-post{min-height:100vh;padding:4rem 0}.single-post h1{font-size:1.3rem}.single-post .comment-on{margin-bottom:1.4rem}.single-post-description{font-size:1rem;margin-bottom:2rem;margin-top:.4rem}.single-post .comment-title{margin-bottom:2rem;margin-top:2rem;position:relative}.single-post .comment-title .comment-new{height:50px;margin:2rem auto 0;position:relative;width:170px}}
/*# sourceMappingURL=main.e519937e.css.map*/