@import url('https://fonts.googleapis.com/css2?family=Sora:wght@700;800&display=swap');
h1{font-family:"Sora","Poppins",sans-serif;letter-spacing:-.03em}
.card{border-color:rgba(255,255,255,.35);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 6px rgba(255,255,255,.05)}
.job{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(247,148,29,.6);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.job:hover{border-color:#f7941d;transform:translateY(-2px)}
.btn{box-shadow:0 14px 30px -10px rgba(224,43,32,.7)}

/* small screens: let the page scroll instead of clipping text */
html,body{max-width:100%;overflow-x:hidden}
h1,h2,p,span,a,.job,.btn{overflow-wrap:anywhere}
@media(max-width:700px),(max-height:720px){
 html,body{height:auto}
 body{min-height:100vh;min-height:100dvh;height:auto;overflow-y:auto}
 main{flex:1 0 auto;padding-top:14px;padding-bottom:14px}
 .card{max-height:none}
 .lead,.badge{display:block!important;-webkit-line-clamp:unset;overflow:visible}
 .badge{display:inline-flex!important}
 .jobs-title{display:block!important}
 footer .adr{display:block}
 .btn{white-space:normal;text-align:center}
 .job{flex-direction:column;align-items:stretch}
 .job .btn{width:100%}
 footer{padding-left:14px;padding-right:80px}
}