body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{align-items:center;background-image:url(../../static/media/homepage1.01fbd1c9cdf2aae28c41.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 .25rem .9375rem #0006;box-sizing:border-box;color:#fff;display:flex;height:clamp(60vh,90vh,100vh);justify-content:center;overflow-x:hidden;padding:0 clamp(1rem,2vw,3rem);text-align:center;width:100%}.hero-intro{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;margin-bottom:clamp(.5rem,1vw,1rem)}.hero-content{background:#000000d1;border-radius:clamp(.625rem,1vw,1rem);line-height:1.6;margin:clamp(2rem,5vw,5rem) auto 0;padding:clamp(.5rem,1vw,1rem);width:clamp(250px,90%,600px)}.hero-content p{font-size:clamp(.875rem,1vw,1rem);margin:clamp(.5rem,1vw,1rem) 0}.hero-content h1{font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(.5rem,1vw,1rem)}.hero-content button{background-color:#4169e1;border:none;border-radius:clamp(.5rem,1vw,.75rem);color:#fff;cursor:pointer;font-size:clamp(.875rem,1vw,1rem);padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);transition:background .3s ease}.hero-content button:hover{background-color:#004bb5}.header{background:linear-gradient(90deg,#ff7e5f,#feb47b);color:#f0f0f0;flex-wrap:wrap;gap:clamp(2rem,4vw,5rem);padding:clamp(1rem,2vw,2rem) clamp(1rem,5vw,10rem)}.header,.header-left{align-items:center;display:flex}.header-left{gap:clamp(10px,2vw,15px)}.header h1{color:#fff9f0;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,2vw,2.5rem);font-weight:700;letter-spacing:.03em;text-shadow:1px 1px 3px #00000040}.header nav{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1.5rem);justify-content:flex-end;margin-left:auto}.header nav a{border:2px solid #0000;border-radius:.3125rem;color:#e0e0e0;font-weight:200;padding:clamp(.3rem,.8vw,.6rem) clamp(.5rem,1vw,1rem);text-decoration:none;transition:color .3s,background-color .3s,border-color .3s}.header nav a:hover{background-color:#ffffff1a;border-color:#fff;color:#fff}header .logo{border-radius:50%;box-shadow:0 .125rem .25rem #0000004d;height:auto;margin-right:clamp(10px,2vw,20px);width:clamp(50px,6vw,75px)}button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1rem;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-weight:700;height:clamp(35px,3vw,45px);justify-content:center;margin-right:clamp(10px,2vw,20px);overflow:hidden;position:relative;width:clamp(80px,6vw,100px)}button .span-mother,button .span-mother2{display:flex;font-size:large;overflow:hidden}button:hover .span-mother{position:absolute}button:hover .span-mother span{transform:translateY(1.2em)}button .span-mother span,button .span-mother2 span{transition:.2s}button .span-mother span:nth-child(2){transition:.3s}button .span-mother span:nth-child(3){transition:.4s}button .span-mother span:nth-child(4){transition:.5s}button .span-mother span:nth-child(5){transition:.6s}button .span-mother span:nth-child(6){transition:.7s}button .span-mother span:nth-child(7){transition:.8s}button .span-mother2{position:absolute}button .span-mother2 span{transform:translateY(-1.2em)}button:hover .span-mother2 span{transform:translateY(0)}button .span-mother2 span:nth-child(2){transition:.3s}button .span-mother2 span:nth-child(3){transition:.4s}button .span-mother2 span:nth-child(4){transition:.5s}button .span-mother2 span:nth-child(5){transition:.6s}button .span-mother2 span:nth-child(6){transition:.7s}button .span-mother2 span:nth-child(7){transition:.8s}@media (min-width:1600px){.header{gap:6rem;padding:2rem clamp(5rem,10vw,15rem)}button{height:50px;margin-right:30px;width:120px}header .logo{width:100px}}.about-page{align-items:center;background:url(../../static/media/sunglasses-background.0fd0d9f849a0c2b90076.jpg) 50%/cover no-repeat;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px;width:100%}.about-banner{background:#fffffff2;border-radius:.5rem;box-shadow:0 .25rem .75rem #00000026;margin-bottom:2rem;max-width:57rem;padding:2rem 3rem;text-align:center;width:100%}.about-banner h1{font-size:2rem;margin:0}.content-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:40px;max-width:1000px;padding:30px;width:100%}.about-text{flex:1 1 auto;font-size:large;font-weight:500}.about-image{flex:0 0 auto;max-width:300px}.about-image img{border-radius:8px;display:block;height:auto;width:100%}@media (max-width:768px){.content-wrapper{flex-direction:column;gap:20px}.about-image{max-width:100%}}.contact-page{background-image:url(../../static/media/sunglasses-background.0fd0d9f849a0c2b90076.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:90.5vh;width:100%}.contact-box,.contact-page{align-items:center;display:flex;position:relative}.contact-box{background-image:url(../../static/media/homepage1.01fbd1c9cdf2aae28c41.jpg);border-radius:8px;box-shadow:0 4px 8px #000;flex-direction:column;height:550px;justify-content:space-between;padding:2rem;text-align:center;transform:translateY(-90px);width:500px}.input-wrapper{background-color:#363636;border-radius:10px;box-shadow:0 0 10px #000;margin-bottom:1rem;padding:1rem;width:350px}.contact-label{color:#fff;display:flex;flex-direction:column;font-weight:700;margin-bottom:1rem}.contact-label input,.contact-label textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-top:.3rem;padding:.5rem;width:100%}.contact-form label{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.contact-form input,.contact-form textarea{box-sizing:border-box;margin-top:.3rem;padding:.3rem;width:300px}.submit-button{cursor:pointer;display:block;margin:0 auto;padding:.5rem 1rem}.contact-me{background:linear-gradient(90deg,#feb47b,#ff7e5f);border-radius:8px;display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;padding:.25rem .5rem;text-align:center}.submit{align-items:center;background:#4169e1;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:20px;margin-left:140px;overflow:hidden;padding:.7em 1em .7em .9em;transition:all .2s}.submit span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.submit svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.submit:hover .svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}.submit:hover svg{transform:translateX(1.2em) rotate(45deg) scale(1.1)}.submit:hover span{transform:translateX(5em)}.submit:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}.notification{border-radius:12px;color:#fff;font-size:1rem;font-weight:700;left:50%;opacity:0;padding:1rem 1.5rem;position:absolute;top:15px;transform:translateX(-50%) translateY(-20px);transition:transform .5s ease,opacity .5s ease;z-index:1000}.notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.resume-page{background-image:url(../../static/media/sunglasses-background.0fd0d9f849a0c2b90076.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:clamp(1rem,2vw,2rem);width:100%}.resume-header{align-items:center;background:#fffffff2;border-radius:.5rem;box-shadow:0 .25rem .75rem #00000026;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:110em;padding:2rem 3rem;width:100%}.resume-header h1{font-size:2rem;margin:0}.download-button{background-color:#4169e1;border:none;border-radius:clamp(.25rem,.5vw,.5rem);color:#fff;cursor:pointer;font-size:clamp(.875rem,1vw,1.125rem);padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);transition:background .3s ease,transform .2s ease;white-space:nowrap}.download-button:hover{background-color:#004bb5;transform:scale(1.05)}.pdf-viewer{margin-top:clamp(1rem,2vw,2rem);text-align:center}.pdf-embed{border:none;border-radius:clamp(.5rem,1vw,.75rem);box-shadow:0 .25rem .5rem #0006;height:clamp(500px,80vh,900px);width:clamp(250px,90%,80%)}@media (max-width:768px){.resume-header{align-items:flex-start;flex-direction:column;gap:clamp(.5rem,1vw,1rem)}.resume-header h1{margin-bottom:.5rem;width:100%}.download-button{text-align:center;width:100%}}.admin-page{align-items:flex-start;background-image:url(../../static/media/sunglasses-background.0fd0d9f849a0c2b90076.jpg);background-position:50%;background-size:cover;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:90vh}.admin-box,.admin-page{padding:2rem;width:100%}.admin-box{background:#fffffff2;border-radius:16px;box-shadow:0 8px 20px #00000026;max-width:900px}.admin-box h1{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.submission-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-top:1rem;padding:0}.submission-card{background-color:#fafafa;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:1rem 1.5rem}.submission-card p{margin:.3rem 0}.timestamp{color:#777;font-size:.85rem;margin-top:.5rem}.delete-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:8px 16px}.delete-btn:hover{background-color:#d32f2f}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-box{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000040;max-width:400px;padding:2rem;text-align:center}.modal-box h2{color:#333;margin-bottom:1rem}.modal-box p{color:#555;margin-bottom:1.5rem}.modal-buttons{display:flex;justify-content:space-around}.cancel-btn{background-color:#ccc;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:700;padding:8px 16px}.cancel-btn:hover{background-color:#bbb}.confirm-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.confirm-btn:hover{background-color:#d32f2f}
/*# sourceMappingURL=main.f6a82adb.css.map*/