@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&display=swap");:root{--primary:#0ced6a;--light-accent:#68d696;--dark-accent:#08a449;--secondary:#0ceddb;--red:red;--background:#f8f3f3;--light-background:#2b2a2a;--font-color:#000;--light-font:#000}body{padding:0;background-color:var(--background);scroll-behavior:smooth;color:var(--font-color);text-align:center;font-family:Times New Roman,serif}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:8px;max-width:400px;box-shadow:0 0 10px rgba(0,0,0,.1)}h2{margin-bottom:20px}form{width:100%;padding:0 20px}input[type=email],input[type=password],input[type=text]{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:12px;background-color:#fff;font-family:Times New Roman,serif;color:#000;box-sizing:border-box}button,input[type=submit]{padding:10px 20px;border:2px solid #000;border-radius:12px;background-color:#fff;color:#000;font-size:16px;cursor:pointer;transition:background-color .3s,color .3s}button:hover,input[type=submit]:hover{background-color:#3ac7dc;color:#000}.red{color:var(--red)}.red,strong{font-weight:700}strong{color:var(--light-accent)}a{text-decoration:none;color:var(--primary)}a:hover{color:var(--dark-accent)}.inputField{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-family:Times New Roman,serif;color:#000}