html{font-size:100%}body{box-sizing:border-box;padding:0;margin:0;border:0;font-family:Roboto;color:#333;background-color:#eee}h1,h2,h3,h4,h5,h6{font-family:Barlow;color:#333;letter-spacing:2px;text-transform:uppercase}.accent{color:#0c6ac7}.inputfield{display:flex;flex-direction:column;gap:.25rem}label{color:#333;font-family:Barlow}input[type=text]{background-color:#eee;border:none;padding:.5rem;font-size:1rem;border-left:.2rem dotted #333}input[type=text]:focus{border-left:.2rem dotted rgb(12,106,199)}input[type=text].ng-touched.ng-invalid:not(:focus){border-left:.2rem dotted rgb(176,24,24)}input[type=text].ng-touched.ng-valid:not(:focus){border-left:.2rem dotted rgb(12,106,199)}textarea{background-color:#eee;border:none;padding:.5rem;font-size:1rem;font-family:Roboto;font-weight:400;resize:none;border-left:.2rem dotted #333}textarea:focus{border-left:.2rem dotted rgb(12,106,199)}textarea.ng-touched.ng-invalid:not(:focus){border-left:.2rem dotted rgb(176,24,24)}textarea.ng-touched.ng-valid:not(:focus){border-left:.2rem dotted rgb(12,106,199)}button{background-color:#0c6ac7;padding:.5rem;min-width:150px;border:none;text-transform:uppercase;font-size:1rem;font-family:Barlow;transition:transform .2s ease,background-color .2s ease;color:#fff;cursor:pointer}button.text{box-shadow:none;color:#333;background-color:transparent;min-width:0}button.text:hover{color:#0c6ac7}button:hover{transform:translateY(3px)}@font-face{font-family:Barlow;src:url("./media/Barlow-SemiBold-NQTIGPTU.ttf")}@font-face{font-family:Roboto;src:url("./media/Roboto-Regular-R73JMUUD.ttf")}