*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#337d33a3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#111;font-weight:600}.container{width:90%;max-width:1200px;margin:0 auto;padding:1rem 0}a:link,a:visited{text-decoration:none}img{border-radius:8px;max-width:100%;display:block}input{border:1px solid #ccc;border-radius:5px;outline:none;padding:.5rem;transition:border-color .3s}input:focus{border-color:#008a09;box-shadow:0 0 0 2px #00f3519f}textarea{resize:none;border:1px solid #ccc;border-radius:5px;outline:none;height:100px;padding:.5rem;transition:border-color .3s}textarea:focus{border-color:#008a09;box-shadow:0 0 0 2px #00f3519f}button{cursor:pointer;border:none;border-radius:20px;padding:10px 40px}.btn-login{color:#fff;background-color:#ffffff4c;padding:5px 30px;font-size:large;font-weight:700;transition:all .5s}.btn-login:hover{background-color:#076d077a}.btn-register{color:#fff;background-color:#10ad287d;font-size:large;font-weight:700;transition:all .5s}.btn-register:hover{background-color:#0110017a}.btn-create{cursor:pointer;color:#fff;background-color:#10ad287d;border-radius:20px;padding:5px 30px;font-size:large;font-weight:700;transition:all .5s}.btn-create:hover{background-color:#0110017a}.m-blog{color:#fff;font-size:90px;font-weight:bolder;text-decoration:none}.wrapper{flex-direction:column;align-items:center;display:flex}.LR-wrapper{background-color:#03030392;border-radius:20px;justify-content:center;justify-self:center;align-items:center;gap:30px;margin-top:10px;padding:5px 40px;display:flex}.login-register p{color:#fff;font-size:25px}.login-register p:hover{color:#000;transition:color .5s}.login{background-color:#281a1a5e;border:1px solid #fff;border-radius:20px;flex-direction:column;justify-self:center;align-items:center;gap:10px;width:400px;height:200px;margin-top:30px;padding:10px 20px;display:flex}.register{background-color:#00000091;border:1px solid #fff;border-radius:20px;flex-direction:column;justify-self:center;align-items:center;gap:10px;width:400px;height:200px;margin-top:30px;padding:10px 20px;display:flex}.r-email,.l-email{margin-top:10px}.create-wrapper{background-color:#00000093;border:2px solid #fff;border-radius:20px;justify-self:center;align-items:center;gap:40px;padding:20px 30px;display:flex}.create-blog{display:flex}.card-stack{color:#fff;background-color:#00000050;border-radius:10px;flex-direction:column;justify-self:center;gap:10px;width:600px;padding:30px 20px;display:flex}.title{color:#fff}.input-image{border:1px solid #ccc;border-radius:5px;outline:none;padding:5px;transition:border-color .3s}.blog-home{flex-direction:column;justify-self:center;width:600px;margin-top:30px;display:flex}.blog-page{justify-self:center;width:600px}.blog-card{background-color:#00000050;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:30px;padding:20px;display:flex}.comment-wrapper{color:#fff;background-color:#00000072;border-radius:10px;flex-direction:column;gap:10px;margin-top:20px;padding:10px 30px;display:flex}.button-ED{gap:20px;margin-top:10px;display:flex}.edit-wrapper{color:#fff;background-color:#00000050;border-radius:10px;flex-direction:column;justify-self:center;gap:20px;width:600px;padding:30px 20px;display:flex}.image-wrapper{background-color:#c7c7c750;border-radius:10px;flex-direction:column;gap:10px;margin-top:20px;padding:30px 20px;display:flex}.bc-id{color:#fff;background-color:#efeaea6e;border-radius:10px;width:100px;padding:8px;font-weight:700;transition:color .3s;display:flex}.bc-id:hover{background-color:#0dac456e;transition:all .3s}.buttonPN{align-self:center;align-items:center;gap:20px;margin-top:20px;display:flex}@media (max-width:1024px){.m-blog{text-align:center;font-size:64px}.LR-wrapper{flex-wrap:wrap;gap:16px;padding:10px 20px}.card-stack,.blog-home,.blog-page,.edit-wrapper{width:min(92vw,720px)}.create-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;padding:16px 18px}.create-blog{justify-content:center;width:100%}.buttonPN{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){body{padding:0 10px}.container{width:100%;padding:.75rem 0}.m-blog{font-size:44px;line-height:1.1}.login-register p{font-size:18px}.login,.register{width:min(92vw,420px);height:auto;padding:14px 16px}.card-stack,.blog-home,.blog-page,.edit-wrapper{width:100%}.card-stack,.edit-wrapper,.blog-card{padding:16px}.comment-wrapper{padding:12px 16px}.button-ED,.buttonPN{flex-wrap:wrap;justify-content:center}button{width:100%;max-width:420px}}@media (max-width:480px){.m-blog{font-size:36px}.LR-wrapper{width:100%}textarea{height:90px}}