#slot{background-color:#f7f7f2;height:20vw;width:100vw;padding:45px 0;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow-x:scroll;box-shadow:0 10px 20px #e5dddd}.card{width:250px;min-width:250px;margin:10px;padding:20px;border-radius:16px;box-shadow:0 4px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:#fff}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.card ul{list-style:none;padding:0;margin:0 0 12px;width:100%}.company{font-size:1.2rem;font-weight:700;margin-bottom:6px;color:#333}.role{font-size:1rem;margin-bottom:6px;color:#555}.status{font-size:.9rem;font-weight:600;padding:4px 8px;border-radius:8px;width:fit-content;background-color:#0000000d;color:#444}.dlt-btn{padding:8px 12px;background-color:#ff5f5f;border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:700;align-self:flex-end;transition:background-color .2s ease}.dlt-btn:hover{background-color:#e04848}.form{height:15vw;font-size:135%;background-color:#f7f7f2;width:40vw;font-weight:700;margin:50px auto 20px;border:1px solid black;border-radius:10px;padding:35px 50px 20px;font-size:25px;color:#502f04}#secs{display:block;margin-bottom:25px}.inputs{height:1.5vw;width:10vw}#company{margin-left:100px}#role{margin-left:180px}#status{margin-left:140px}#btn{background-color:#8cf7d3;height:2.3vw;width:7vw;border:none;color:#fff;border-radius:5px;margin:10px 230px 0;cursor:pointer}#btn:hover{transform:scale(1.05);background-color:#5af8a6;font-weight:700}*{margin:0;padding:0}body{background-color:#261c15}.heading{font-size:300%;text-align:center;margin:20px auto;font-weight:200;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#f7f7f2}