*{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex}main{text-align:center;flex:1;max-width:1240px;min-height:100%;margin:0 auto;padding:4em}.form-main{width:30%;min-width:500px}.main-page-text{background-color:#fff;border-radius:16px;padding:2em;box-shadow:0 0 10px 2px #00000073}.main-page-text p{text-align:left;max-width:60ch;line-height:1.4}.main-page-text ul{margin-left:1em}.main-page-text li{text-align:left;margin-bottom:.4em}@media screen and (width<=768px){.form-main,main{width:80%;min-width:0;padding:2em}}@media screen and (width<=475px){.form-main,main{width:100%;padding:.5em}.main-page-text{border-radius:0;padding:1em}}body{background-color:#f0ba2444;font-family:Manrope,sans-serif}h1{margin-top:.5em;font-size:1.8em}@media screen and (width<=450px){h1{font-size:1.5em}}footer{text-align:center;background-image:linear-gradient(90deg,#fae100bd,#fa8e0070);justify-content:center;align-items:center;height:60px;margin-top:1em;display:flex}header{background-color:#2b2b2c;justify-content:center;align-items:center;width:100%;height:80px;padding:0 2rem;display:flex}header nav{justify-content:space-between;align-items:center;width:100%;max-width:1240px;display:flex}header ul{gap:2rem;margin-left:auto;list-style:none;display:flex}header li{align-items:center;display:flex}a{color:#e4e4e7;text-transform:uppercase;letter-spacing:.5px;padding:.5rem;font-weight:600;text-decoration:none;transition:color .25s;position:relative}a:after{content:"";background-color:#fa8e00;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}a:hover{color:#fa8e00}a:hover:after{width:100%}a:active{color:#fa8e00ab}.current-page{color:#4ade80}.current-page:after{background-color:#4ade80;width:100%;left:0}@media screen and (width<=400px){header{padding:.5rem}header ul{gap:.3em}header a{font-size:.9rem}}@media screen and (width<=310px){header{padding:0}header ul{gap:.1em}header a{font-size:.8rem}}@keyframes rotateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#add-user-btn{color:#fff;cursor:pointer;background-color:#3e7903f8;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75em;font-weight:700;transition:all .3s;display:flex}#add-user-btn:active{background-color:#fff}#add-user-btn:hover{background-color:#4f9905e3}#login-user-btn{color:#fff;cursor:pointer;background-color:#1356bb;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75em;font-weight:700;transition:all .3s;display:flex}#login-user-btn:active{background-color:#fff}#login-user-btn:hover{background-color:#1a6be4da}#add-news-btn{color:#000;cursor:pointer;background-color:#fe0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75em;font-weight:700;transition:all .3s;display:flex}#add-news-btn:active{background-color:#fff}#add-news-btn:hover{background-color:#fe08}#login-user-icon,#add-user-icon{width:20px;height:20px}#logout-button{cursor:pointer;background-color:#02f8d7ef;border-radius:6px;padding:.4em;font-family:Manrope,sans-serif;font-weight:700;transition:all .3s}#logout-button:hover{background-color:#fa8e00}.delete-btn{color:#000;cursor:pointer;background-color:#e95500e3;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75em;font-weight:700;transition:all .3s;display:flex}.delete-btn:active{background-color:#fff}.delete-btn{margin-left:auto;padding:.5em}.delete-btn:hover{background-color:#fa8e00}@media screen and (width<=380px){#logout-button{font-size:.9em}}@media screen and (width<=310px){#logout-button{font-size:.8em}}.error-message,.success-message{color:#dd0404;font-weight:700}.error-message li,.success-message li{text-align:left;list-style-position:inside}.success-message{color:#00f}.loading-spinner{border:4px solid #fff;border-bottom-color:#01f;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1.5s linear infinite rotateSpin;display:block}.hidden{display:none}#admin-user{color:#fff;background:#2b2b2c;border-radius:12px;margin-bottom:1.5em;padding:.75em 1em;box-shadow:0 4px 12px #1d131340}#admin-user p{margin:.1em 0;font-size:1.1em;line-height:1.4}#admin-user .user-span{color:#ffe600;font-weight:700}#login-user-form,#add-news-form,#add-user-form{background-color:#a6e202;border-radius:16px;flex-direction:column;justify-content:center;gap:1em;margin:2em auto 0;padding:1.5em;display:flex;box-shadow:0 0 10px 2px #00000073}#login-user-form .input-area,#add-news-form .input-area,#add-user-form .input-area{text-align:left;flex-direction:column;display:flex}#login-user-form legend,#add-news-form legend,#add-user-form legend{font-size:1.4em;font-weight:600}#login-user-form input,#add-news-form input,#add-user-form input{border:.5px solid #eb0f7d;border-radius:4px;padding:.5em}#add-user-form{background-color:#e6b060}#add-user-form input{border:.5px solid #05741d;border-radius:4px;padding:.5em}#add-news-form{background-color:#60cbe6}#add-news-form input{border:.5px solid #05741d;border-radius:4px;padding:.5em}#add-news-form #news-content{resize:vertical;display:block;overflow:hidden}#news-container{border-radius:16px;width:100%;max-width:700px;margin-top:1.5em;padding:2em}#news-container h2{color:#011d14;margin-bottom:.8em}.index-page h1{margin-bottom:.5em;line-height:1.2}.news-article{text-align:left;word-wrap:break-word;background-color:#fff;border-left:4px solid #fa8e00;border-radius:6px;flex-direction:column;justify-content:center;width:100%;margin:0 auto 2em;padding:1.5em;font-family:Georgia,Times New Roman,Times,serif;line-height:1.4;display:flex;box-shadow:0 0 12px 2px #000}.news-article h3{text-align:center;margin-bottom:.5em;font-size:1.4em}.news-article .p-content{word-wrap:break-word;white-space:pre-wrap;width:100%;max-width:65ch;margin-top:.5em;margin-bottom:1em;line-height:1.1}.news-article .article-created{color:#3d3c3c;border-top:1px solid #8a8888;margin-top:1em;padding-top:.5em;font-size:.8em}.news-article .button-news{justify-content:flex-end;margin-top:1em;display:flex}@media screen and (width<=768px){#news-container{padding:.2em}.news-article{width:100%}.index-page{padding:.5em}}@media screen and (width<=475px){#news-container{border-radius:0}.index-page{padding:0}}