style.min.css

html{font-size:16px}body{font-family:'Helvetica','Arial',sans-serif;line-height:1.5;color:#555;margin:0}h1,h2,strong{color:#333}h2{margin-top:1rem;padding-top:1rem}header{background-color:#333;background-position:center top;background-repeat:no-repeat;background-size:cover;padding:10vw 2rem;text-align:center;line-height:1.2;color:#fff;text-shadow:1px 1px 1px #555}header img{display:inline-block;height:120px;width:120px;vertical-align:top}header h1{color:#fff;font-size:2.5rem;font-weight:300}header a{border:1px solid #fff;border-radius:50px;color:#fff;font-size:.6rem;letter-spacing:.2rem;padding:1rem 2rem;text-transform:uppercase;text-decoration:none;margin-top:1rem;display:inline-block;text-shadow:1px 1px 1px #555;box-shadow:1px 1px 1px #555;transition:none 200ms ease-out;transition-property:color,background,text-shadow}header a:hover{color:#333;background:#fff;text-shadow:none}nav{position:sticky;top:0;z-index:1;box-shadow:1px 1px 5px #555;background:#fff}nav ul{margin:0 auto;max-width:50rem;padding:0;list-style:none;display:flex}nav ul li a{padding:1rem 1rem;display:block;text-decoration:none;color:#333;font-size:.8rem;letter-spacing:.2rem;text-transform:uppercase}nav ul li a:hover{background:#555;color:#fff}main{margin:0 auto;max-width:50em;padding:4rem 1rem}footer{background:#333;padding:5vw 2rem;text-align:center;line-height:1.2;color:#fff}footer a{color:#fff}button,.button{box-shadow:1px 1px 1px #555;background:#fff;cursor:pointer;font-weight:700;font-size:.7rem;border:1px solid #555;border-radius:50px;color:#333;letter-spacing:.2rem;padding:1rem 2rem;text-transform:uppercase;text-decoration:none;display:inline-block;position:relative}button:active,.button:active{box-shadow:none;top:2px}button:disabled,.button:disabled{border:1px solid #555;cursor:default;color:#555;background:#ddd}form{border:1px solid #555;border-radius:4px;padding:2rem 1rem}input,fieldset,label,textarea,select{width:100%;border:1px solid #555;border-radius:4px;box-shadow:1px 1px 1px #555;padding:.4rem .5rem;color:#333;font-size:1.2rem;margin-top:1.2rem;box-sizing:border-box;font-family:'Helvetica','Arial',sans-serif}input:first-child{margin-top:0}input[type='checkbox'],input[type='radio']{box-shadow:none;width:initial;position:relative;visibility:hidden;margin-right:10px;cursor:pointer}input[type='radio']:before,input[type='radio']:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}input[type='radio']:before{height:15px;width:15px;background:#555}input[type='radio']:checked:before{visibility:visible}input[type='radio']:after{height:20px;width:20px;position:absolute;border:1px solid #555;visibility:visible}input[type='checkbox']:before,input[type='checkbox']:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type='checkbox']:before{content:'\2714';height:20px;width:20px;text-align:center;background:#555;color:#fff}input[type='checkbox']:checked:before{visibility:visible}input[type='checkbox']:after{height:20px;width:20px;position:absolute;border:1px solid #555;visibility:visible}textarea{resize:vertical;min-height:5rem}textarea::placeholder{font-family:'Helvetica','Arial',sans-serif}input[type='submit']{cursor:pointer;font-weight:700;position:relative;text-transform:uppercase;font-size:1rem;letter-spacing:.2rem;padding:.7rem;line-height:1}input[type='submit']:active{box-shadow:none;top:2px}input[type='submit']:disabled{cursor:default;color:#555;background:#ddd}label{box-shadow:none;border:0;cursor:pointer}select{appearance:none;cursor:pointer;background-image:url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /%3E%3C/svg%3E');background-size:1.7rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.centered{margin:0 auto;max-width:50em;padding:1rem}.overflow-y-hidden{overflow-y:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gdpr-card{position:fixed;bottom:0;right:0;transform:translateX(calc(100% + 6px));z-index:2;background:#fff;padding:0 2rem 1rem;max-width:20rem;box-shadow:0 0 5px 1px #555;transition:transform 200ms ease-out}.gdpr-card.visible{transform:translateX(0)}.gdpr-card button{margin:2rem auto 0;display:block}.navy{color:#001f3f}.blue{color:#0074d9}.aqua{color:#7fdbff}.teal{color:#39cccc}.olive{color:#3d9970}.green{color:#2ecc40}.lime{color:#01ff70}.yellow{color:#ffdc00}.orange{color:#ff851b}.red{color:#ff4136}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#85144b}.white{color:#fff}.silver{color:#ddd}.gray{color:#aaa}.black{color:#111}.bg-navy{background-color:#001f3f}.bg-blue{background-color:#0074d9}.bg-aqua{background-color:#7fdbff}.bg-teal{background-color:#39cccc}.bg-olive{background-color:#3d9970}.bg-green{background-color:#2ecc40}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange{background-color:#ff851b}.bg-red{background-color:#ff4136}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#85144b}.bg-white{background-color:#fff}.bg-gray{background-color:#aaa}.bg-silver{background-color:#ddd}.bg-black{background-color:#111}.border-navy{border-color:#001f3f}.border-blue{border-color:#0074d9}.border-aqua{border-color:#7fdbff}.border-teal{border-color:#39cccc}.border-olive{border-color:#3d9970}.border-green{border-color:#2ecc40}.border-lime{border-color:#01ff70}.border-yellow{border-color:#ffdc00}.border-orange{border-color:#ff851b}.border-red{border-color:#ff4136}.border-fuchsia{border-color:#f012be}.border-purple{border-color:#b10dc9}.border-maroon{border-color:#85144b}.border-white{border-color:#fff}.border-gray{border-color:#aaa}.border-silver{border-color:#ddd}.border-black{border-color:#111}