*,*:before,*:after{box-sizing:border-box;scroll-behavior:smooth}:root{--color-main: #fa6464}html,body{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:100%;height:100%;padding:0;margin:0}h1,h2,h3,h4{margin:0}ul,li{list-style:none;padding:0;margin:0}a,a:before,a:after{text-decoration:none;color:unset}.app__article-blog{width:60%;padding:1rem;margin:1.25rem auto;border-radius:.25rem;box-shadow:5px 5px 15px #00000080;cursor:pointer;transition:all .35s ease}.app__article-blog:hover{transform:scale(105%)}.app__article-blog_title{color:#fa6464}@media (max-width: 400px){.app__article-blog p{font-size:14px}}.app__article-blog_delete{border:none;background-color:var(--color-main);color:#fff;padding:10px 2rem;border-radius:.25rem;cursor:pointer}.app__article-blog_delete:active{transform:scale(.95)}.app__article-blog_backbutton{border:none;background-color:#e6e6e6;color:#000;padding:10px 2rem;border-radius:.25rem;cursor:pointer}.app__article-blog_backbutton:active{transform:scale(.95)}.app__navbar{width:100%;height:80px}.app__navbar-container{height:100%;width:60%;margin:0 auto;border-bottom:1px #e6e6e6 solid;display:flex;align-items:center;justify-content:space-between}@media (max-width: 500px){.app__navbar-container{flex-direction:column;padding-top:1rem}}.app__navbar-container_logo{color:var(--color-main)}@media (max-width: 400px){.app__navbar-container_logo{font-size:20px}}@media (max-width: 230px){.app__navbar-container_logo{font-size:18px;text-align:center}}.app__navbar-container_links{display:flex;align-items:center;gap:1.25rem;height:100%}@media (max-width: 500px){.app__navbar-container_links{gap:10px}}@media (max-width: 230px){.app__navbar-container_links{gap:1rem}}.app__navbar-container_links li{color:#6e6666;font-size:17px;transition:color .3s ease;cursor:pointer}.app__navbar-container_links li:hover{color:var(--color-main)}@media (max-width: 500px){.app__navbar-container_links li{font-size:14px}}.app__navbar-container_links a.active{color:var(--color-main)}.app__errorpage{text-align:center;margin-top:50px}.app__errorpage h1{font-size:3.75rem}@media (max-width: 400px){.app__errorpage h1{font-size:3rem}}@media (max-width: 300px){.app__errorpage h1{font-size:2.5rem}}.app__home-main{margin-top:30px;padding-bottom:2rem}.app__home-main_title{color:var(--color-main);text-align:center}.app__home-main_navigate{text-align:center;margin-top:1rem}.app__home-main_navigate button{border:none;outline:none;border-radius:.25rem;padding:1rem;background-color:var(--color-main);color:#fff;cursor:pointer}.app__home-main_navigate button:active{transform:scale(.95)}.app__newblog{max-width:400px;margin:30px auto 0}.app__newblog-title{text-align:center;font-size:2rem;color:var(--color-main)}@media (max-width: 400px){.app__newblog-title{font-size:1.5rem}}.app__newblog-form{margin-top:1.75rem;padding:1rem}.app__newblog-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.app__newblog-form .form-group input,.app__newblog-form .form-group textarea,.app__newblog-form .form-group select{width:100%;margin-top:5px;border:1px #ddd solid;outline:none;text-indent:5px;padding:6px 0 6px 5px}.app__newblog-form .form-group textarea{padding:1rem 0;padding-left:3px}.app__newblog-form .form-group label{color:#121212}.app__newblog-form button{border:none;outline:none;padding:.5rem 1rem;border-radius:.25rem;color:#fff;background-color:#fa6464;cursor:pointer}.app__newblog-form button:active{transform:scale(.95)}