.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 -95vh 100vh -5vh rgba(3,7,8,.55);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{margin-top:100px;width:100%;padding-left:20%;font-size:1rem;margin-bottom:15px;color:#666}.article-page .article-text{margin-top:100px;font-weight:400;width:45%;font-size:1rem;line-height:1.6;text-align:justify;margin-bottom:20px}.article-page .article-text h2{text-align:left}.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}.article-page .back-button{margin-top:30px;padding:10px 20px;font-size:1rem;color:#fff;background-color:#363636;border:none;border-radius:30px;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .3s;margin-bottom:50px}.article-page .back-button:hover{background-color:#000}@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}}