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}nav{background:#31889e;display:flex;justify-content:space-around;left:0;padding:4px 22;position:fixed;right:0;top:0;z-index:1000}a{color:#fff;padding:5px 10px;text-decoration:none}.active,a:hover{border-bottom:2px solid #4dd0e1}.work-experience{align-items:center;background:linear-gradient(90deg,#0a775c,#302b63,#0c0c96);border-radius:10px;box-shadow:0 4px 8px 0 #0003;color:#fff;display:flex;flex-direction:column;height:800px;padding:20px}.job{background:rgba(61,60,163,.479);border:1px solid #0000;border-radius:5px;margin:10px 0;max-width:800px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.job:hover{box-shadow:0 12px 24px #4cc9b880;transform:translateY(-10px) scale(1.02)}.job:before{background:linear-gradient(45deg,#0000,#49bfce1a,#0000);border-radius:5px;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) scale(0);transition:transform .5s ease-in-out;width:200%}.job:hover:before{transform:rotate(45deg) scale(1)}.job h3,.job p{margin:5px 0}.job h3{color:#9ab1b4}.job p{color:#eee}@media (max-width:768px){.work-experience{padding:10px}.job{max-width:90%}}@media (max-width:1024px){.job{max-width:95%}}.education-section{background:#050542;color:#fff;padding:20px}.education-entry{background:#23dd961a;border:1px solid #0000;border-radius:5px;margin-bottom:15px;overflow:hidden;padding:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.education-entry:before{background:linear-gradient(45deg,#0000,#4dd0e109,#0000);border-radius:5px;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) scale(1);transition:transform .5s ease-in-out;width:200%}.education-entry:first-child:hover{transform:rotate(3deg)}.education-entry:nth-child(2):hover{transform:rotate(-3deg)}.education-entry:nth-child(3):hover{transform:scale(1.05)}.education-entry:nth-child(4):hover{transform:scale(.95)}.education-entry:hover:before{transform:rotate(45deg) scale(1)}.education-entry:hover{box-shadow:0 12px 24px #1f4f869c}.resume-header{animation:movingBackground 10s ease infinite;background:linear-gradient(90deg,#0f0c29,#302b63);background-position:50%;background-size:cover;background:linear-gradient(270deg,#1d1094,#08ad23,#dd843b);background-size:600% 600%;color:#fff;padding-bottom:20px;padding-top:20px;text-align:center}.resume-header h1{color:#4dd0e1;font-size:2.5rem;margin-top:1rem}.resume-header p{font-size:1rem;margin-top:.5rem}.profile-pic{animation:pulseBorder 3s ease-in-out infinite;border:3px solid #4dd0e1;border-radius:10%;box-shadow:0 0 0 4px #0f0c29;display:block;height:auto;margin:60px auto 0;width:150px}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 4px #3526b6,0 0 0 10px #4dd0e100}50%{box-shadow:0 0 0 4px #50a3d3,0 0 15px 10px #4dd0e180}}.hire-me-button{background:#4dd0e1;border:none;border-radius:5px;box-shadow:0 0 10px #4dd0e1b3;color:#fff;cursor:pointer;font-size:1rem;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease;z-index:1}.hire-me-button:hover{background:#3b8d99;box-shadow:0 0 15px #4dd0e1e6}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 50px #0000004d;margin-top:60px;max-width:500px;padding:2rem;position:relative;width:auto}.modal-content:focus-within{transform:scale(1.02)}.modal-content input,.modal-content textarea{background:#fafafa;border:2px solid #eee;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .3s;width:100%}.modal-content input:focus,.modal-content textarea:focus{background:#fff;border-color:#4dd0e1;outline:none}.modal-content button{background:linear-gradient(45deg,#4dd0e1,#302b63);border:none;border-radius:4px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.75rem 0;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;width:100%}.modal-content button:focus,.modal-content button:hover{box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}.close-modal{align-items:center;background:#f5f5f5;border:none;border-radius:70%;box-shadow:0 7px 5px #0003;color:#333;cursor:pointer;display:flex;font-size:1rem;height:10px;justify-content:center;line-height:10px;position:absolute;right:.1rem;text-align:center;top:.1rem;width:8px}.close-modal:hover{background:#e0e0e0}.modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes movingBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skills-section{background:#02383b;border-radius:10px;color:#fff;margin-bottom:20px;padding:20px}.skills-section h2{color:#4dd0e1;text-align:center;text-transform:uppercase}.skill-category{background:rgba(18,88,121,.096);border:1px solid #077966;border-radius:8px;box-shadow:0 4px 8px rgba(19,214,221,.842);margin-bottom:20px;padding:15px;transition:all .3s ease}.skill-category:hover{box-shadow:0 8px 16px #0006;transform:translateY(-5px)}.skill-category h3{color:#4dd0e1;margin-bottom:10px}.skill-list{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;padding:0}.skill-item{background:#ffffff1a;border-radius:5px;cursor:pointer;flex-basis:calc(25% - 10px);flex-grow:0;flex-shrink:1;margin:5px;padding:10px;transition:transform .3s ease}.skill-item:hover{background:#fff3;transform:scale(1.1)}@media (max-width:768px){.skill-item{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:1}}@media (max-width:480px){.skill-item{flex-basis:calc(100% - 10px);flex-grow:0;flex-shrink:1}}.projects-section{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.background-animation css-doodle{height:100%;left:0;position:absolute;top:0;width:100%}.projects-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;padding:2rem;z-index:10}.project-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#ffffff1a;border:1px solid #4dd0e1;border-radius:1rem;cursor:pointer;margin:1rem;padding:1rem;perspective:1000px;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}:root{--mouse-x:50%;--mouse-y:50%}.background-animation{animation:colorShift 20s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#4dd0e1,#05009a);background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),#4dd0e1,#05009a);background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:768px){.project{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:480px){.project{flex:0 1 100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5d31bfe2.css.map*/