HTML/CSS - css_test Online Editor and JavaScript Compiler

html
<!--
HTML/CSS questions
Hi guys, I'm new to this world, so I'm sorry if I'm not explaining myself well. I was making a login page, and I'd like to know three things:
1. How can I make there be more space between the email and password fields? 
2. How can I put a transition to the <h1>? So that when you enter the page it appears slowly. 
3. How can I put for example a circle or a line behind <h1> for example? 
I will be really grateful for your help. 
Greetings ☺️
-->
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
<style>
  input{
    margin-bottom:15px;
  }  
  
  .circle{
    content:"";
    display:grid;
    place-content:center;
    text-align:center;
css
BROWSER
Console