body{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}ul li{list-style-type:none}a{color:#000;text-decoration:none}.progressive{object-fit:cover;object-position:center}.loading{filter:blur(3px)}.loaded{filter:blur(0);transition:filter .3s ease-in-out}.btn-more{width:100px;padding:10px 20px;border:none;cursor:pointer;background-color:#fff;border:1px solid teal;color:teal;transition:all .08s linear;border-radius:3px}.btn-more:hover{border:1px solid white;background-color:teal;color:#fff}.box-more{text-align:center}.pagination{display:flex;flex-wrap:wrap;margin-top:1rem}.pagination button{height:1.6rem;font-family:inherit;font-size:medium;margin:0 2px;border-radius:5px;cursor:pointer;transition:all .1s ease;border-radius:#eee;background:#fff}.pagination button.active{font-weight:900;border-color:#101010;background:#b9e7e7;color:#101010}.photo-card__skeleton{background-color:#0003;height:400px;width:396.6px;border-radius:4px 4px 0 0}p,h1{margin:0}.app{display:flex;justify-content:center;min-height:100vh;scroll-behavior:smooth}.app .container{width:1024px;display:flex;flex-direction:column}.app .container .link{text-decoration:none;color:inherit}.app .container .auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.app .container .auth h1{font-size:20px;color:teal;margin-bottom:20px}.app .container .auth form{display:flex;flex-direction:column;background-color:#fff;width:350px;justify-content:center;gap:20px}.app .container .auth form input{padding:10px;border:none;border-bottom:1px solid gray;width:-webkit-fill-available}.app .container .auth form button{padding:10px;border:none;background-color:teal;cursor:pointer;color:#fff}.app .container .auth form span{font-size:12px;text-align:center}.app .container .auth form p{font-size:small;color:#ff0000ba;text-align:left;margin-top:.3rem;height:1rem}.app .container .profile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100dvh;gap:1rem}.app .container .profile h1{font-size:20px;color:teal;margin-bottom:20px}.app .container .profile form{display:flex;flex-direction:column;background-color:#fff;width:350px;justify-content:center;gap:20px}.app .container .profile form input{padding:10px;border:none;border-bottom:1px solid gray;width:-webkit-fill-available}.app .container .profile form button{padding:10px;border:none;background-color:teal;cursor:pointer;color:#fff}.app .container .profile form span{font-size:12px;text-align:center}.app .container .profile form p{font-size:small;color:#ff0000ba;text-align:left;margin-top:.3rem;height:1rem}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.app .container .navbar .container .logo img{width:120px}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px}.app .container .navbar .container .links h6{font-size:16px;font-weight:300}.app .container .navbar .container .links span{cursor:pointer}.app .container .navbar .container .links .write{background-color:#b9e7e7;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:300;border:1px solid white}.app .container .navbar .container .links .write:hover{color:teal;background-color:#fff;border:1px solid teal}.app .container footer{margin-top:100px;gap:10px;padding:20px;background-color:#b9e7e7;display:flex;justify-content:space-between;align-items:center}.app .container footer img{height:50px}.app .container .home{min-height:calc(100vh - 70px)}.app .container .home #home-desc{line-height:1.4;text-align:justify}.app .container .home #home-title{margin-bottom:.5rem}.app .container .home .posts{margin-top:50px;display:flex;flex-direction:column;gap:150px}.app .container .home .posts .post{display:flex;gap:100px}.app .container .home .posts .post button{margin-top:1rem}.app .container .home .posts .post:nth-child(odd){flex-direction:row-reverse}.app .container .home .posts .post .img{flex:2;position:relative}.app .container .home .posts .post .img:after{content:"";width:100%;height:100%;background-color:#b9e7e7;position:absolute;top:20px;left:-20px;z-index:-1}.app .container .home .posts .post .img img{width:100%;min-height:400px;object-fit:cover}.app .container .home .posts .post .content{flex:3;display:flex;flex-direction:column}.app .container .home .posts .post .content h1{font-size:28px}.app .container .home .posts .post .content p{font-size:16px}.app .container .home .posts .post .content button{width:max-content;padding:10px 20px;border:none;cursor:pointer;background-color:#fff;border:1px solid teal;color:teal;border-radius:3px;transition:all .08s linear}.app .container .home .posts .post .content button:hover{border:1px solid white;background-color:teal;color:#fff}.app .container .single{display:flex;gap:50px;margin-top:1rem;flex-grow:1}.app .container .single .content{flex:5;display:flex;flex-direction:column;gap:30px}.app .container .single .content img{width:100%;object-fit:cover}.app .container .single .content .user{display:flex;align-items:center;gap:10px;font-size:14px}.app .container .single .content .user img{width:50px;height:50px;border-radius:50%;object-fit:cover}.app .container .single .content .user span{font-weight:700}.app .container .single .content .edit{display:flex;gap:5px}.app .container .single .content .edit img{width:20px;height:20px;cursor:pointer}.app .container .single .content h1{font-size:32px;color:#333}.app .container .single .content p{text-align:start;line-height:30px}.app .container .single .menu{flex:2;display:flex;flex-direction:column;gap:25px}.app .container .single .menu h1{font-size:20px;color:#555}.app .container .single .menu .post{display:flex;flex-direction:column;gap:10px}.app .container .single .menu .post img{width:100%;height:200px;object-fit:contain}.app .container .single .menu .post h2{color:#555}.app .container .single .menu .post button{width:max-content;padding:7.5px 15px;border:none;cursor:pointer;background-color:#fff;border:1px solid teal;color:teal}.app .container .single .menu .post button:hover{border:1px solid white;background-color:teal;color:#fff}.app .container .add{margin-top:20px;display:flex;gap:20px;min-height:calc(100vh - 70px);flex-direction:row;align-items:flex-start}.app .container .add .content{flex:5;display:flex;flex-direction:column;gap:20px}.app .container .add .content input{padding:10px;border:1px solid lightgrey}.app .container .add .content .editorContainer{height:300px;overflow:scroll;border:1px solid lightgray}.app .container .add .content .editorContainer .editor{height:100%;border:none}.app .container .add .write-menu{flex:2;display:flex;flex-direction:column;gap:20px}.app .container .add .write-menu .item{padding:10px;border:1px solid lightgrey;flex:1;gap:.3rem;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#555}.app .container .add .write-menu .item h1{font-size:20px}.app .container .add .write-menu .item .file{text-decoration:underline;cursor:pointer}.app .container .add .write-menu .item .buttons{display:flex;justify-content:space-between}.app .container .add .write-menu .item .buttons :first-child{cursor:pointer;color:teal;background-color:#fff;border:1px solid teal;padding:3px 5px}.app .container .add .write-menu .item .buttons :last-child{cursor:pointer;color:#fff;background-color:teal;border:1px solid teal;padding:3px 5px}.app .container .add .write-menu .item .cat{display:flex;align-items:center;gap:2px;color:teal}.app .container .single{display:flex;gap:3rem;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:2rem}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:xx-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-large}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#b9e7e7;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (max-width: 1024px){.app .container{width:900px}.app .container .single{display:flex;gap:2rem;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:2rem}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:xx-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-large}}@media (max-width: 922px){.menu{display:none!important}.app .container{width:820px}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:2rem}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:xx-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-large}}@media (max-width: 838px){.menu{display:none!important}.app .container{width:730px}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:xx-large}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:x-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:large}}@media (max-width: 768px){.menu{display:none!important}.app .container{width:700px}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:xx-large}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:x-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:large}}@media (max-width: 726px){.menu{display:none!important}.information-text{font-size:1.5rem}.app .container{width:600px}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:xx-large}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:x-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:large}}@media (max-width: 623px){.menu{display:none!important}.information-warning{font-size:.9rem}.app .container{width:523px}#post{flex-direction:column}#logo{flex-wrap:wrap}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:xx-large}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:x-large}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:large}}@media (max-width: 562px){.menu{display:none!important}.information-text{font-size:1.2rem}.information-warning{font-size:.8rem}.app .container{width:450px}#post{flex-direction:column}#logo{flex-wrap:wrap}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single .content h1{font-size:x-large}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:medium}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:small}}@media (max-width: 472px){.menu{display:none!important}.information-warning{font-size:.7rem}.app .container{width:400px}#post{flex-direction:column}#logo{flex-wrap:wrap}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .content h1{font-size:28px}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:smaller}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-small}}@media (max-width: 427px){.menu{display:none!important}.app .container{width:400px}#post{flex-direction:column}#logo{flex-wrap:wrap}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .content .edit{display:flex;gap:5px;flex-direction:column}.app .container .single .content h1{font-size:24px}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:smaller}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-small}}@media (max-width: 418px){.menu{display:none!important}.single .info{width:110px}.single .info p{font-size:smaller}.information-text{font-size:.9rem}.information-warning{font-size:.5rem}.app .container{width:320px}#post{flex-direction:column}#logo{flex-wrap:wrap}.app .container .navbar .container{padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.app .container .navbar .container .links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app .container .single .content .user{display:flex;align-items:center;gap:5px;font-size:14px;flex-wrap:wrap}.app .container .single .menu .post img{width:100%!important;height:100%!important}.app .container .single .menu .post button{display:none}.app .container .single{display:flex;gap:25px;justify-content:center}.app .container .single .content .edit{display:flex;gap:5px;flex-direction:column}.app .container .single .content h1{font-size:24px}.app .container .single .menu h1{text-wrap:wrap;line-break:anywhere;font-size:smaller}.app .container .single .menu .post h2{text-wrap:wrap;line-break:anywhere;font-size:x-small}.app .container .auth form{width:100%}.app .container .single .content p{text-align:left;line-height:25px}}