@import"https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap";#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:3rem}#nav{display:flex;justify-content:space-between;background-color:#1d0e0e;width:100%;position:fixed;top:0}#nav ul{list-style:none;padding:0;display:flex;gap:1rem;margin-right:2%}#nav p{margin-left:2%;font-family:Josefin Slab;font-weight:600;color:#c0eb7f;font-size:1.1rem}.nav-link{color:#c0eb7f;transition:all .25s;text-decoration:underline}.nav-link:hover,.nav-link:focus{color:#3c9c00}.nav-link:active{color:#f6cdcdde}#actual-form{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;border-radius:32px;width:fit-content}.form-input{background-color:#1d0e0e;border:1px solid #f6cdcdde;color:#f6cdcdde;border-radius:6px}.form-input:focus{outline:none;border:2px solid rgb(192,235,127)}#text-input{display:flex;flex-direction:column;align-items:center;gap:.5rem}#text-input label{font-weight:600}#tag-search{height:2rem}#fixed-inputs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.fixed-input{display:flex;gap:.5rem;align-items:center}.jobs-list{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:2rem;margin:2rem auto}.job-listing{display:flex;background-color:#481b1b;border-radius:32px;align-items:center;transition:all .25s;justify-content:center}.job-listing:hover{box-shadow:0 0 20px #f6cdcdde;transform:scale(1.01)}.job-listing h2{font-family:Josefin Slab}.img-container{padding:0 2rem}.company-logo{object-fit:scale-down;max-width:10rem;border-radius:50%;transition:all .25s;margin:1rem 0}.listing-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.5rem;margin:1.25rem 1rem}.listing-text h2{color:#c0eb7f}.listing-text-child{margin:0}.company-name{font-weight:400;font-style:italic}.listing-important{font-weight:600}.date-and-save{display:flex;justify-content:space-between;width:100%}.remove-button{background-color:#f6cdcdde;color:#481b1b}.remove-button:focus,.remove-button:hover{border-color:#f6cdcdde;background-color:#1d0e0e;color:#f6cdcdde}@media only screen and (max-width: 768px){.job-listing{flex-direction:column;padding:1.5rem 0 1.5rem 0rem}.company-logo{max-width:5rem;margin:0}}#job-overview{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem .25rem}.fun-fact{display:flex;flex-direction:column;background-color:#481b1b;border-radius:24px;align-items:center;justify-content:center;gap:0;padding:.5rem;transition:all .25s}.fun-fact:hover{box-shadow:0 0 15px #f6cdcdde}.fun-fact p{margin:0 .5rem}#detail-divider{width:80%;margin:1rem auto}#job-description{margin:auto 1rem;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;text-align:left}#job-description ul,#job-description ol{background-color:#481b1b;border-radius:32px;padding:1rem .5rem;width:fit-content;transition:all .25s}#job-description h2,#job-description h3,strong{font-weight:550}#job-description li{margin:0 2rem}#job-description ol:hover,#job-description ul:hover{box-shadow:0 0 20px #f6cdcdde;transform:scale(1.01)}:root{font-family:Livvic,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f6cdcdde;background-color:#1d0e0e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}nav{z-index:5}main{display:flex;flex-direction:column;align-items:center}h1{font-size:3.2em;line-height:1.1;color:#c0eb7f;font-family:Josefin Slab;margin:1rem}button{border-radius:8px;border:1px solid transparent;padding:.25rem .5rem;font-size:1em;font-weight:500;font-family:inherit;background-color:#c0eb7f;color:#481b1b;cursor:pointer;transition:all .25s}button:hover,button:focus{border-color:#c0eb7f;background-color:#1d0e0e00;color:#c0eb7f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:active{background-color:#c0eb7f;color:#481b1b}hr{color:#f6cdcdde}h3{margin:0}h2 span{font-weight:400;font-style:italic}