body,html{margin:0;padding:0;font-family:Bricolage Grotesque}h2{margin:10px 0}p{margin:7px}input{background-color:#fff;border:#cccccc solid 1px;padding:5px 12px;border-radius:6px;width:100%;transition:border-color .3s ease}@media screen and (max-width: 768px){input{width:30vh}}input:focus{outline:none;border-color:#362fd9}.login-form{width:300px;margin:50px auto}.bloglist-container{margin-top:10px;margin-left:0}.blog{background:#f7f7f7;border:5px solid white;padding:15px 10px;margin:0;border-radius:10px}.inputs-container{width:500px}.error{background:rgb(255,118,118);color:#0f0f0f;border-radius:8px;padding:10px;margin:10px}.success{background:rgb(145,255,145);color:#0f0f0f;border-radius:8px;padding:10px;margin:10px}