@font-face { font-family:"Exocet Light"; src:url("/font/EXL_____.eot?") format("eot"), url("/font/EXL_____.woff") format("woff"), url("/font/EXL_____.ttf") format("truetype"), url("/font/EXL_____.svg#ExocetLight") format("svg"); font-weight:normal; font-style:normal; } @font-face { font-family: 'Exocet'; src: url('/font/ExocetHeavy.eot'); src: local('Exocet Heavy'), local('ExocetHeavy'), url('/font/ExocetHeavy.eot?#iefix') format('embedded-opentype'), url('/font/ExocetHeavy.woff2') format('woff2'), url('/font/ExocetHeavy.woff') format('woff'), url('/font/ExocetHeavy.ttf') format('truetype'), url('/font/ExocetHeavy.svg#ExocetHeavy') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Exocet'; src: url('/font/ExocetLight.eot'); src: local('Exocet Light'), local('ExocetLight'), url('/font/ExocetLight.eot?#iefix') format('embedded-opentype'), url('/font/ExocetLight.woff2') format('woff2'), url('/font/ExocetLight.woff') format('woff'), url('/font/ExocetLight.ttf') format('truetype'), url('/font/ExocetLight.svg#ExocetLight') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } input { width: 108px; padding: 5px; margin: 5xp; text-align: center; border: 0px; background: #eef; } .form-text, .help { font-size: 11px; color: #999; } .form-text { background: white; padding: 5px; border-radius: 4px; font-family: "Lato"; font-weight: normal; } select, input, option { border: #ccc; } .row { padding: 0 5px; } .col-2, .col-3, .col-4 { padding: 5px; } .container-top { border: 1px solid #ddd; margin: 30px auto; padding: 10px; background: white; } body { background: black; font-family: "Exocet"; font-weight: 900; }