body{font-family:Arial,Helvetica,sans-serif;background-color:#f3f7f0;color:#2f2d31;margin:10px 150px;padding:0;text-align:center;min-height:100vh}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);min-height:100vh}header{border-bottom:#DFDCE3 solid;padding-bottom:2rem}tr th{border:2px solid #DFDCE3;padding:8px}table,tr td{border:2px solid #DFDCE3;border-collapse:collapse;padding:5px;text-align:center;margin:0}form{max-width:400px;margin:40px auto;padding:34px;background:#fff;border-radius:10px;box-shadow:0 4px 12 px #000c;font-family:Segoe UI,sans-serif}h2{text-align:center;font-size:1.8rem;margin-bottom:24px;color:#333}.input-form{margin-bottom:18px}label,select{display:block;font-size:.95rem;margin-bottom:6px;color:#444;font-weight:500}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 4px #0066cc4d}button{width:100%;padding:12px;border:none;border-radius:6px;background:#06c;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#05a}textarea{resize:vertical;min-height:60px}.nav-container{display:flex;flex-direction:row wrap;justify-content:space-around;padding:20px}.App-nav-button{border:5px solid #19323c;border-radius:5px;padding:5px;background-color:#19323c;color:#f3f7f0}.App-nav a{color:#f3f7f0;margin:10px;text-decoration:none}.App-nav a:hover{color:#94618e}footer{position:relative;font-size:1rem;width:100%;margin:20px}