@import"https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap";.job-listings,.job-listings *{font-family:Verdana}html,body,#app{min-height:100vh;width:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom,#5a7caf,#fff0),#fff;box-sizing:border-box;color:#000}*,*:before,*:after{box-sizing:inherit}.app-container{position:relative;min-height:100vh;width:100%;color:#000;padding-top:0}.navbar{position:fixed;top:0;left:0;right:0;height:100px;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:2rem;background-color:#5a7caf;color:#fff;box-shadow:0 4px 12px #00000040;overflow:hidden;position:relative}.navbar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d4862d .01%,#5a7caf 29.33%);opacity:0;transition:opacity .6s ease;z-index:-1}.navbar:hover:before{opacity:1}.logo-container{display:flex;align-items:center;height:100%}.logo{height:160px;width:auto;object-fit:contain}.nav-links{display:flex;gap:2rem;align-items:center;-webkit-user-select:none;user-select:none}.nav-link{font-family:Irish Grover,cursive;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff;text-decoration:none;font-weight:700;transition:opacity .3s ease;display:flex;align-items:center;height:100%;font-size:1.5rem;-webkit-user-select:none;user-select:none;position:relative}.nav-link:hover,#nav-profile:hover{opacity:.8}.join-now{padding:.3rem .8rem;border-radius:5px;transition:border-color .3s ease,color .3s ease;border:2px solid #69a1b8;background-color:transparent}.join-now:hover{color:#d4862d;border-color:#d4862d}#nav-profile{height:75px;aspect-ratio:1;border-radius:50%;border:2px solid black;transition:opacity .3s ease;z-index:1000;position:relative;cursor:pointer}#nav-profile img{height:100%;width:100%;border-radius:50%;object-fit:cover}#profile-dialog{--width: 300px;position:absolute;top:105px;left:calc(100% - var(--width) - 2rem);width:var(--width);margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;background:#7a9ccf;border:2px solid #7a9ccf;border-radius:10px;color:#d4862d;font-family:Irish Grover,cursive;z-index:1001;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;box-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000}#profile-triangle{position:absolute;top:95px;left:calc(100% - 79px);width:20px;height:20px;background:#7a9ccf;transform:rotate(45deg);z-index:1001;box-shadow:-2px -2px #000,0 -0px #000,-0px 0 #000,0 0 #000}#profile-dialog span{font-size:2.5rem;margin-bottom:15px}#profile-dialog a{background:#d4862d;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;transition:opacity .3s ease;box-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;margin:10px 0}#profile-dialog a:hover{opacity:.8}#logout{margin-top:10px;background:#000;color:#d4862d;padding:10px 20px;transition:opacity .3s ease;border-radius:5px;font-family:Irish Grover,cursive;cursor:pointer}#logout:hover{opacity:.8}.saved-listings-button{background:#5a7caf;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;transition:opacity .3s ease;margin:10px 0;cursor:pointer;border:1px solid #000;font-family:Irish Grover,cursive;text-align:center;box-shadow:-.5px -.5px #000,.5px -.5px #000,-.5px .5px #000,.5px .5px #000}.saved-listings-button:hover{opacity:.8}