body{text-align:center;height:100%;margin:0;padding:0;background-color:#f0eded;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}#header{height:50px;position:fixed;top:0;left:0;width:100%;padding:5px;background:#2c2c2cce;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f5f5f5;z-index:1000;border-bottom:1px solid rgba(255,255,255,.3)}.center{width:80%;margin:0 auto}.center-form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.center-Error{width:80%;text-align:center;padding:50px;background:#ff00000d;border:1px solid #ff4d4d;border-radius:8px;margin:7% auto}.center-Error .btn{background:linear-gradient(90deg,#f4c26e,#ff8000);color:#000;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background .3s}.center-Error .btnMov{display:flex;justify-content:center;margin-top:3%}.clearfix{clear:both;float:none}#logo{width:30%;font-size:20px;float:left;margin-top:25px}#logo img{display:block;float:left;height:40px;margin-top:-9px}#brand{display:block;margin:0;float:left}#menu{width:70%;float:right;font-size:16px;color:#f5f5f5}#menu ul{line-height:20px;width:60%;float:right}#menu ul li{display:inline-block;list-style:none;height:30px;margin-left:15px;margin-right:15px}#menu a{text-decoration:none;color:#f5f5f5;transition:.3s all}#menu a:hover{color:#ff8000}#slider{margin-top:90px;width:100%;height:600px;justify-content:center}#articles{display:flex;flex-direction:column;padding:0%;align-items:center}#container{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;height:600px}.left{display:flex;height:600px;overflow:hidden}.left img{width:100%;height:100%;object-fit:cover}.right{display:flex;justify-content:left;text-align:left;height:600px;flex-direction:column;align-items:left;color:#000;padding:15px}.right h1{font-size:4rem;font-weight:700;text-align:left}.right p{display:flex;width:50%;display:block;margin-top:10px}.btn-white{display:block;background:#fff;color:#585858;padding:10px;width:100px;height:35px;margin:40px auto 0;font-size:18px;text-transform:uppercase;text-shadow:none;text-decoration:none;line-height:35px;box-shadow:0 0 5px #585858;border-radius:4px;transition:.3s all}.btn-white:hover{background:#444;color:#fff}#slider.slider-small{height:150px}#slider.slider-small h1{margin-top:.2px;padding:53px 0 0}#content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:520px;margin-top:4%}#content2{width:70%;float:left;min-height:520px;margin-right:60px;margin-top:2%}#content .card2{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:1.5rem;margin-top:3%;margin-bottom:4%;width:70%}#content .card2 input,#content .card2 textarea{background:#fff;border-radius:1rem}#content .card2 .file-input{font-family:inherit;font-size:14px;padding:6px;height:44px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:transparent;color:#111827}#content .card2 .file-input::file-selector-button{margin-right:12px;padding:8px 14px;border:none;border-radius:8px;background:linear-gradient(90deg,#fff,#ff8000);color:#000;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease}#content .card2 .file-input::-webkit-file-upload-button{padding:8px 14px;border:none;border-radius:8px;background:linear-gradient(90deg,#f4c26e,#ff8000);color:#000;font-weight:600;cursor:pointer}#content .card2 .file-input::file-selector-button:hover,#content .card2 .file-input::-webkit-file-upload-button:hover{transform:translateY(-2px);filter:brightness(.98)}#content .card2 .btn{background:linear-gradient(90deg,#f4c26e,#ff8000);color:#000;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background .3s;cursor:pointer}#content .card2 .btnMov{display:flex;justify-content:center;margin-top:3%}.article-detail .buttons{display:flex;margin-top:3%;gap:50px}.article-detail .buttons .btnEdit{background:linear-gradient(90deg,#f4c26e,#ff8000);color:#000;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background .3s}.article-detail .buttons .btnDelete{background:linear-gradient(90deg,#fe0202,#ca4242);color:#000;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background .3s;cursor:pointer}.lastArticles{margin-top:8%!important}#sidebar{width:25%;float:left;margin-top:0%}.sidebar-item{background:#f7f7f7;padding:20px;margin-top:30px}.sidebar-item .btn{background:linear-gradient(90deg,#f4c26e,#ff8000);color:#000;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background .3s}.sidebar-item h3{text-transform:uppercase;font-size:18px;margin:0 0 10px;padding-bottom:10px;border-bottom:3px solid #eee}.sidebar-item .btn{margin:10px auto 0}.btn{display:block;background:#000;color:#fff;padding:15px;font-weight:700;text-transform:uppercase;font-size:14px;text-decoration:none;max-width:120px;transition:.3s all;border:none;cursor:pointer}.btn-success{background:#179613}.btn-success:hover{background:#000}.mid-form{width:85%;margin:0 auto}.mid-form label{display:block;float:left;text-align:left;margin-top:10px;margin-bottom:5px;font-size:17px}input[type=text],textarea{width:100%;min-height:30px;border:1px solid #ccc;padding:3px;margin-bottom:5px;transition:.3s all}input[type=text]:focus,textarea:focus{box-shadow:0 0 5px #eee inset}textarea{width:100%;height:150px;min-width:100%;max-width:100%;min-height:150px;max-height:300px}.radibuttons{margin-top:10px;margin-bottom:10px;float:left}.footer{background:#1f1f1f;color:#f5f5f5;padding:2rem 1rem;margin-top:2rem}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.footer h2,.footer h3{margin-bottom:.5rem;color:#f90}.footer p{font-size:.9rem;line-height:1.5}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin:.5rem 0}.footer-links a{color:#f5f5f5;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f90}.footer-bottom{text-align:center;border-top:1px solid #444;margin-top:2rem;padding-top:1rem;font-size:.85rem}.articleSection{max-height:420px;overflow-y:auto;padding-right:20px;overflow-x:hidden}.article-item{width:90%;border-bottom:1px solid #eee;padding-bottom:20px;padding-top:20px;text-align:left;margin-top:20px}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:1.5rem;margin-bottom:1rem;transition:transform .2s}.card:hover{transform:translateY(-5px)}.article-item .image-wrap{width:150px;height:150px;overflow:hidden;float:left;margin-right:15px;border:1px solid #ccc}.article-item .image-wrap img{width:100%;height:100%;object-fit:cover}.article-item h2{display:block;width:100%;padding:0;margin:0 0 7px}.article-item .date{display:block;width:100%;color:#7a7a7a}.article-item a{display:block;color:#444;text-decoration:none;margin-top:10px}.article-item a:hover{text-decoration:underline}.subheader{font-size:38px;border-bottom:1px solid #eee;padding-bottom:10px}.center-form .article-detail{display:flex;flex-direction:column;justify-content:left;text-align:left;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;padding:1.5rem;margin-top:3%}.article-detail .image-wrap{overflow:hidden;width:90%;height:450px;margin-bottom:45px}.article-detail .image-wrap img{width:100%;height:100%;object-fit:cover}.article-detail .subheader{margin-top:15px;margin-bottom:0;border:none}@media (min-width: 1025px) and (max-width: 1441px){.center-form .article-detail{margin-top:7%}#sidebar{margin-top:0%}#content{margin-top:6%}#content2{width:70%;float:left;min-height:520px;margin-right:60px;margin-top:2%}.center{width:85%;margin:0 auto}.center #content2{margin-top:4%}#articles{display:flex;flex-direction:column;padding:0%;align-items:center}.articleSection{width:80%}}@media (min-width: 798px) and (max-width: 1025px){.center{width:100%}.right p{width:65%}#content2{width:90%;margin-top:8%}#content,.articleSection{width:100%}#sidebar{margin:0 37%}#content .card2{margin-bottom:3%}.center-form{margin-top:7%}.center-Error{width:70%;margin-top:12%}}@media (max-width: 769px){#logo{float:none;width:240px;margin:20px auto 0}#header{height:83px}#container{margin-top:14%}.right p,.articleSection{width:90%}#menu,#menu ul{clear:both;float:none;width:100%;margin:0;padding:0;line-height:43px}#content{float:none;width:100%}#sidebar{float:none;width:60%;margin:0 auto 50px}#slider h1{padding-top:115px;font-size:25px}.center-form{margin-top:18%}.center-Error{width:80%;margin:16% auto 1%}}@media (min-width: 497px) and (max-width: 769px){#header{min-height:90px;overflow:hidden}#menu,#menu ul{line-height:50px}#menu ul li{margin-left:7px;margin-right:7px}#container{float:none;margin-top:15%;display:flex;flex-direction:column;text-align:left;width:100%}#container .left{display:flex;height:600px;overflow:hidden}#container .right{padding:5%}#container .right h1{font-size:19px;margin-top:-14%}#content2{float:none;width:100%}.center-form{margin-top:16%}.center-form #content{display:flex;flex-direction:column;justify-content:center;align-items:center;float:none;width:100%;min-height:520px;margin-top:0%}#content .card2 .file-input{font-size:14px}.center-Error{width:60%;margin-top:20%}}@media (min-width: 345px) and (max-width: 497px){#header{min-height:90px;overflow:hidden}#menu,#menu ul{line-height:50px}#menu ul li{margin-left:7px;margin-right:7px}#container{float:none;margin-top:23%;display:flex;flex-direction:column;text-align:left;width:100%}#container .left{display:flex;height:300px;overflow:hidden}#container .right{padding:5%}#container .right h1{font-size:19px;margin-top:-24%}#content2{float:none;width:100%}.center-form{margin-top:25%}.center-form #content{display:flex;flex-direction:column;justify-content:center;align-items:center;float:none;width:100%;min-height:520px;margin-top:2%}#content .card2 .file-input{font-size:10px}.center-Error{width:60%;margin-top:36%}}@media (max-width: 345px){#header{min-height:90px;overflow:hidden}#menu,#menu ul{line-height:50px}#menu ul li{margin-left:7px;margin-right:7px}#container{float:none;margin-top:23%;display:flex;flex-direction:column;text-align:left;width:100%}#container .left{display:flex;height:300px;overflow:hidden}#container .right{padding:5%}#container .right h1{font-size:19px;margin-top:-36%}#content2{float:none;width:100%}.center-form{margin-top:35%}.center-form #content{display:flex;flex-direction:column;justify-content:center;align-items:center;float:none;width:100%;min-height:520px;margin-top:2%}#content .card2 .file-input{font-size:8px}.center-Error{width:60%;margin-top:36%}}