:root{--background:#fff;--foreground:#343e47;--primary:#343e47;--secondary:#f19f5a;--tertiary:#fff;--black:#000}body{color:var(--foreground);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}main{color:var(--black);padding:24px}main h2{color:var(--tertiary)}main .temp-text{padding:32px}.primary-font-color{color:var(--primary)}.seconday-font-color{color:var(--secondary)}.tertiary-font-color{color:var(--tertiary)}a{color:var(--primary);text-decoration:none}@media screen and (max-width:768px){.hide-sm{display:none}}@media screen and (min-width:768px){.hide-xl{display:none}}.banner{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.banner:before{content:"";background:#ffffff80;position:absolute;inset:0}.banner-content{color:#fff;text-align:center;z-index:1;position:relative}.banner-content h1{margin-bottom:10px;font-size:3rem}.banner-content p{font-size:1.2rem}.text-center{text-align:center}
.logo-container{background-color:var(--primary);text-align:center;padding:20px 0}.logo-container p,.logo-container h1{margin:0;padding:0}.logo-container p{color:var(--tertiary)}.logo-container a{color:var(--secondary);text-decoration:none}
footer{background-color:var(--foreground);text-align:center;padding:20px 0}footer h4{color:var(--tertiary)}