.project-fon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-size:cover;background-position:50%;box-shadow:inset 0 100vh 100vh -5vh rgba(3,7,8,.65);color:#fff;gap:10px}.project-fon h1{font-size:44px;padding:0 25%;font-weight:400;text-align:center}.project-fon span{font-size:20px}.article-page{display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.article-page h1{max-width:50%;text-align:center;margin-top:170px;font-size:2rem;margin-bottom:10px;font-weight:600}.article-page h4{margin-top:40px;width:60%;text-align:center}.article-page img{margin-top:50px;width:70%;height:400px;margin-bottom:15px;object-fit:cover}.article-page p{width:100%;padding-left:20%;margin-bottom:15px}.article-page .article-text,.article-page p{margin-top:100px;font-size:1rem;color:hsla(0,0%,100%,.8)}.article-page .article-text{font-weight:400;width:45%;line-height:1.6;text-align:justify;margin-bottom:20px}.article-page .article-text li,.article-page .article-text p{margin-top:0;margin-left:0;padding:0;margin-bottom:0;list-style-type:none}.article-page .article-text h2{text-align:left;font-size:1.7rem;text-align:center}.article-page .article-text h3{font-size:1.5rem;font-weight:600}.article-page .tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.article-page .tag{background-color:#f1f1f1;border-radius:4px;padding:5px 10px;font-size:.9rem;color:#333;display:inline-block}.back-button{display:block;margin:30px auto 60px;padding:15px 25px;background-color:#ffd936;color:#000;border:none;border-radius:25px;width:30%;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s ease}.back-button:hover{background-color:#ffea8a;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,217,54,.3)}.back-button:active{transform:translateY(0)}@media(max-width:1024px){.back-button{width:100%}}@media(max-width:480px){.back-button{font-size:14px;padding:12px 20px}}@media(max-width:1600px){.article-page .article-text{margin-top:100px;font-weight:400;width:60%;font-size:1rem;line-height:1.6;text-align:justify;margin-bottom:20px}.article-page .article-text h5{text-align:left}}@media(max-width:992px){.project-fon{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;height:60vh;width:100%;background-size:cover;background-position:50%;box-shadow:inset 0 -95vh 100vh -5vh rgba(3,7,8,.55);color:#fff;gap:10px}.project-fon h1{font-size:28px;padding:0 10%;font-weight:400;text-align:center}.project-fon p,.project-fon span{font-size:14px}.article-page{padding:0 2%}.article-page h1{max-width:100%;font-size:24px}.article-page h1,.article-page h4{width:100%;text-align:center}.article-page img{width:100%}.article-page P{margin-top:0;padding-left:0}.article-page .article-text{margin-top:110px;font-weight:400;width:95%;font-size:1rem;line-height:1.6;text-align:justify;margin-bottom:20px}}