@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;height:100%}body{line-height:1.4;font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;display:flex;flex-direction:column;height:100%}#root{display:flex;flex-direction:column;height:100%}h1{font-size:1.8rem}h2{font-size:1.6rem;margin-bottom:1.4rem}p{margin-bottom:1.4rem;font-size:1rem}header{background-color:#0074d9;color:#fff;padding:1.4rem 3rem}main{width:96%;max-width:64rem;margin:1.4rem auto;flex:1 0 auto}.new-doc{display:flex;flex-direction:column}input,textarea{margin-bottom:1.4rem;font-size:1rem;padding:1.4rem}input[type=submit]{cursor:pointer;transition:background-color .3s ease-out,border .3s ease-out}footer{background-color:#333;color:#fff;padding:1.4rem 8rem;flex-shrink:0}header a{color:inherit;text-decoration-line:none}header a:hover{color:#ccc}.loading-gif{position:relative;max-width:200px}.success-animation{background-color:#5edd5edc;border:2px solid #3a9b3a}