html{font-size:62.5%}*{box-sizing:border-box}body{margin:0;padding:0;background-image:url(/assets/images/fond-blog.jpg);background-color:#fff9ef;background-size:cover;background-position:center;font-size:1.8rem;font-family:gabarito}#root{height:100vh;display:flex;flex-direction:column;justify-content:space-between}img{max-width:100%}figure{margin:0}h1,h2,h3{font-family:istokWeb;font-weight:700;font-style:italic;text-align:center;margin:0}header,footer{background-color:#353029}a{text-decoration:none}.hidden{display:none}header{display:flex;flex-direction:row;justify-content:space-between;font-family:gluten;font-weight:700;font-style:normal}header .logoTitle{display:flex;flex-direction:row;justify-content:center;align-items:center}header .logoTitle img{max-width:6rem}header .logoTitle span{margin-left:1rem;font-size:3rem;display:inline-block;color:#fff}header #menu{display:flex;flex-direction:column;position:absolute;top:0;right:50px;background-color:#353029;border:1px solid rgb(53,48,41)}header #menu a,header #menu .deco{text-transform:uppercase;cursor:pointer;padding:1rem;color:#fff}header #menu a:hover,header #menu .deco:hover{background-color:#daddaf;color:#05273f;font-weight:700}header #menu .deco{color:#fff;font-family:gluten;font-weight:700;font-size:1.8rem}header button{border:none;background-color:#fff0}header button .menuBurger{color:#fff;font-size:4rem;padding:.5rem;cursor:pointer}header button .menuBurger:hover{color:#daddaf}.home h1{text-align:center;border:1px solid rgb(53,48,41);border-radius:.3rem;padding:1rem;background-color:#fff9ef;margin-bottom:2rem;width:100%}.home .listArticle{max-width:90%;margin:auto;background-color:#ecf0bfdd;padding:1rem}.home .listArticle .divInputSearch{width:100%}.home .listArticle .divInputSearch .inputSearch{width:100%;padding:1rem;margin-bottom:1rem}.home .listArticle article{border:1px solid rgb(5,39,63);border-radius:.3rem;padding:1rem;background-color:#fff9ef;margin-bottom:3rem}.home .listArticle article h2:first-letter,.home .listArticle article h3:first-letter,.home .listArticle article span:first-letter,.home .listArticle article p:first-letter{text-transform:uppercase!important}.home .listArticle article span{font-size:1.6rem}.home .listArticle article div{display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:1rem}.home .listArticle article figure{position:relative}.home .listArticle article figure figcaption{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;background-color:#ecf0bfdd;opacity:0;transition:opacity 1s}.home .listArticle article figure:hover figcaption{opacity:1}.home .listArticle article .ellipsis{max-width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home .listArticle article a{color:#05273f;font-size:3rem}#dashboard{background-color:#ecf0bfdd;margin:2rem}#admin{background-color:#daddaf;height:100%}#dashboard,#admin{color:#05273f;padding:1rem}#dashboard div,#dashboard ul,#admin div,#admin ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}#dashboard div a:not .tdIcone a,#dashboard ul a:not .tdIcone a,#admin div a:not .tdIcone a,#admin ul a:not .tdIcone a{color:#05273f;border:1px solid rgb(53,48,41);border-radius:.3rem;padding:1rem;cursor:pointer}#dashboard div a:not .tdIcone a:hover,#dashboard ul a:not .tdIcone a:hover,#admin div a:not .tdIcone a:hover,#admin ul a:not .tdIcone a:hover{color:#fff;background-color:#353029}#dashboard div li,#dashboard ul li,#admin div li,#admin ul li{list-style:none}#dashboard div li button,#dashboard ul li button,#admin div li button,#admin ul li button{padding:1rem}#userBack{padding:2rem,0;max-height:70%;overflow-y:auto}#userBack a:not .tdIcone a{color:#05273f;font-weight:700;border:1px solid rgb(5,39,63);padding:.7rem;border-radius:.3rem;margin:2rem}#userBack table{display:block;background-color:gray;color:#fff;border-collapse:collapse;overflow-x:scroll;border:2px solid rgb(5,39,63);max-width:95%;margin:auto}#userBack table th,#userBack table td,#userBack table tr{border:1px solid white;padding:1rem}#userBack table td:nth-child(7),#userBack table th:nth-child(7){max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#userBack table .tdIcone{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:1rem}#userBack table .tdIcone .iconeTable{color:#fff;font-size:4rem}#userBack table .tdIcone button{background-color:#fff0;border:none}form{width:90%;margin:auto;padding:2rem;background-color:#353029ea;border-radius:.5rem;color:#fff}form fieldset{display:flex;flex-direction:column;padding:3rem 0 5rem;gap:2rem;justify-content:space-evenly;align-items:center}form fieldset legend{font-family:gluten;font-weight:700;font-size:2.5rem}form fieldset label,form fieldset button{width:90%}form fieldset input{width:100%;padding:1rem;margin:2rem,0}form fieldset button{background-color:#daddaf;border:none;padding:1rem}form fieldset button:hover{background-color:#05273f;color:#fff;cursor:pointer}form fieldset [for=password]{position:relative}form fieldset [for=password] #visiblePwd{width:5vw;height:5vh;position:absolute;right:7%;background:#fff0}form fieldset [for=password] #visiblePwd .iconePwd{color:#353029;font-size:2rem}form a{margin-top:2rem;color:#fff;text-align:center;display:inline-block;width:100%;text-decoration:underline;cursor:pointer}footer{color:#fff;text-align:center}footer #navFooter{padding-top:1rem}footer #navFooter a{margin:0 1rem}footer #navFooter a .iconeFooter{font-size:3rem;color:#fff}footer p{margin:.5rem}@media screen and (min-width: 768px){.listArticle{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.listArticle h1,.listArticle h2,.listArticle h3{width:100%}.listArticle .divInputSearch{text-align:center}.listArticle .divInputSearch .inputSearch{width:50%!important}.listArticle article{width:30%;margin:2rem}.home #detailArticle article{width:100%;margin:1rem;padding:2rem}.home #detailArticle article figure{width:45%;float:left;margin-right:2rem}.home #detailArticle article div{display:flex;flex-direction:row;justify-content:space-between}.home #detailArticle article div span{display:inline-block;width:30%}.home #detailArticle article div span:last-child{text-align:right}form{width:35%}form fieldset [for=password] #visiblePwd{right:2%}footer{display:flex;flex-direction:row;justify-content:center;align-items:center}footer #navFooter{padding-top:0}footer #navFooter a .iconeFooter{font-size:2rem;color:#fff}}@font-face{font-family:gluten;src:url(../assets/fonts/gluten/Gluten-VariableFont_slnt_wght.woff)}@font-face{font-family:gabarito;src:url(../assets/fonts/gabarito/Gabarito-VariableFont_wght.woff)}@font-face{font-family:istokWeb;src:url(../assets/fonts/istok_web/IstokWeb-Regular.woff);font-weight:400;font-style:normal}@font-face{font-family:istokWeb;src:url(../assets/fonts/istok_web/IstokWeb-BoldItalic.woff);font-weight:700;font-style:italic}@font-face{font-family:istokWeb;src:url(../assets/fonts/istok_web/IstokWeb-Italic.woff);font-weight:400;font-style:italic}@font-face{font-family:istokWeb;src:url(../assets/fonts/istok_web/IstokWeb-Bold.woff);font-weight:700;font-style:normal}