.error{color:red;background:lightgrey;font-size:20px;border-style:solid;border-radius:5px;padding:10px;margin-bottom:10px}.notification{color:green;background:lightgrey;font-size:20px;border-style:solid;border-radius:5px;padding:10px;margin-bottom:10px}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}body{position:relative;width:100%;min-height:100vh;height:auto;display:flex;justify-content:center;align-items:center;background:url(cover.jpg);background-size:cover;background-position:center;font-family:roboto,sans-serif;opacity:.8}.heading{text-transform:capitalize;text-align:center;font-size:80px;font-weight:300;margin-bottom:50px;color:#fff}#loginform{width:400px;height:auto;color:#fff;font-family:roboto,sans-serif}.link:hover{color:#fff}.link{text-align:center;text-transform:capitalize;color:#ffffff80;display:block;margin:30px auto;text-decoration:underline}.logged-in-user{color:#0ff}.button{width:auto;padding:0 20px;cursor:pointer;margin:50px auto 0;opacity:.8;box-shadow:0 0 10px #0003}input,.button{height:35px;display:block;border-radius:5px;background:rgba(255,255,255,.3);border:none;color:#fff;transition:.5s;text-transform:capitalize}.button:hover{opacity:1;background-color:#ffffff80}.Bloglistbtn{width:auto;padding:10px 20px;cursor:pointer;margin:20px auto 0;opacity:1;box-shadow:0 2px 4px #0003;border:none;border-radius:5px;color:#fff;background:rgba(255,255,255,.3);transition:all .3s ease}.Bloglistbtn:hover{background-color:#ffffff80;box-shadow:0 4px 8px #0003}span{color:#fff}.blog{background-color:#fff}.form{width:400px;height:auto;color:#fff;font-family:roboto,sans-serif}input{background-color:#ffffff80;border:1px solid #ccc;padding:10px;border-radius:8px}input::placeholder{color:#fff}input:focus,.submit-btn:hover{background:#fff;color:#000}input:focus::placeholder{color:#000}input{width:80%;height:35px;display:block;margin:20px auto;border-radius:5px;background:rgba(255,255,255,.3);border:none;color:#fff;padding:15px;transition:.5s;text-transform:capitalize}