*{font-family:Jost;box-sizing:border-box}html,body{margin:0;font-family:Jost;background-color:#f5f5f5}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;background-color:#f5f5f5;font-family:Arial,sans-serif;padding-top:50px}.about-title{font-size:3rem;font-weight:700;color:#4a4a4a;margin-bottom:30px;padding-left:30px!important;padding-right:30px!important}.loader{width:50px;aspect-ratio:1;display:grid;margin-bottom:30px}.background{padding:10px}.input-container{display:flex;flex-direction:column;gap:15px;width:80%;max-width:600px;padding-bottom:20px}.job-description-container{display:flex;align-items:center}.job-description-container .input-box{flex:1}.clear-button{margin-left:8px;padding:8px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-button:hover{background-color:#d32f2f}.input-box{padding:15px;font-size:1rem;border:1px solid #ccc;border-radius:10px;background-color:#e0e0e0;color:#4a4a4a;resize:none;height:100px}.input-box::placeholder{color:#7a7a7a}.input-box:focus{outline:none}.submit-button{padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;background-color:#4a4a4a;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#333;transform:scale(1.05)}.submit-button:active{background-color:#111;transform:scale(.95)}.cover-letter{margin-top:40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;border-left:5px solid #007bff}.cover-letter h2{font-size:1.8rem;margin-bottom:15px;color:#333}.cover-letter p{font-size:1rem;line-height:1.6;color:#555;white-space:pre-wrap}.cover-letter{padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;border-left:5px solid #FF3E3E;max-width:800px;margin:40px auto 100px;word-wrap:break-word;overflow-wrap:break-word}.cover-letter h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:20px}.cover-letter p,.cover-letter li{font-size:1rem;line-height:1.8;color:#555;margin-bottom:10px}.cover-letter ul{padding-left:20px}.cover-letter ol{padding-left:20px;margin-bottom:40px}.cover-letter a{color:#ff3e3e;text-decoration:none}.cover-letter a:hover{text-decoration:underline}.cover-letter h1,.cover-letter h3,.cover-letter h4{margin-top:20px;font-weight:600;color:#222}.cover-letter h1{font-size:2.5rem}.cover-letter h3{font-size:1.8rem}.cover-letter h4{font-size:1.5rem}.cover-letter pre,.cover-letter code{background-color:#f8f9fa;padding:10px;border-radius:5px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.8}.cover-letter pre{white-space:pre-wrap;overflow-wrap:break-word}.cover-letter blockquote{margin-left:20px;padding-left:10px;border-left:5px solid #ccc;font-style:italic;color:#777}.cover-letter em{font-style:italic}.cover-letter strong{font-weight:700}.cover-letter .highlight{background-color:#e9ecef;padding:10px;border-radius:5px}.cover-letter p,.cover-letter ul,.cover-letter ol{margin-bottom:20px}.copy-button{padding:8px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.copy-button:hover{background-color:#d32f2f}.navbar-container{width:100%;height:50px;display:flex;align-items:center;justify-content:flex-start;background-color:#4a4a4a;padding:0 20px;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 5px #0000001a}.navbar-icon{font-size:1.2rem;font-weight:700}.navbar-icon a{color:#fff;text-decoration:none;padding:5px 20px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.navbar-icon a:hover{background-color:#fff;color:#4a4a4a}.about-page{width:100%;max-width:800px;margin:50px auto;padding:20px}.about-title2{font-size:3rem;font-weight:700;color:#333;text-align:left;margin-bottom:20px;padding:0}.about-paragraph{font-size:1.2rem;line-height:1.6;color:#555;text-align:left}.smiley{color:red}.loader{width:300px;aspect-ratio:1;display:grid}.loader:before,.loader:after{content:"";grid-area:1/1;border-radius:50%;background:repeating-conic-gradient(#0000,#000 1deg,#000 18deg,#0000 20deg,#0000 36deg);-webkit-mask:repeating-radial-gradient(farthest-side,#000 0 10%,#0000 0 20%);animation:l10 4s infinite linear}.loader:after{-webkit-mask:repeating-radial-gradient(farthest-side,#0000 0 10%,#000 0 20%);animation-direction:reverse}@keyframes l10{to{transform:rotate(.5turn)}}