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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}html{width:100vw}body,html{margin:0;overflow-x:hidden;padding:0}.navbar,body{width:100%}.navbar{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:20px 30px}.navbar img{height:60px;width:auto}.text-links{align-items:center;display:flex;margin-right:50px}.text-links a,.text-links a:hover,.text-links a:visited,.text-links p{text-decoration:none}.text-links p{border-radius:4px;color:#fff;margin-left:20px;padding:10px 15px;transition:background-color .2s ease,transform .2s ease,font-size .2s ease,color .2s ease}.text-links p:hover{background-color:#28a745;box-shadow:0 4px 8px #007bff80;color:#fff;font-size:16px;transform:translateY(-3px)}.description{align-items:center;background-color:#000;box-sizing:border-box;color:#fff;display:flex;height:calc(100vh - 70px);justify-content:space-between;padding:20px 30px}.desc-left,.desc-right{flex:1 1;padding:0 15px}.desc-left h1,.desc-left p{font-family:Arial,sans-serif}.desc-left h1{color:#e0e0e0;font-size:3rem;margin-bottom:10px}.desc-left p{color:#d6d6d6;font-size:1.2rem;margin-bottom:20px}.reach-out-button{background-color:#32cd32;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;line-height:normal;padding:12px 19px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.reach-out-button:hover{background-color:#28a745;color:#fff}.desc-right{flex:1 1;text-align:right}.desc-right img{height:auto;max-width:100%}.about{align-items:center;background-color:#000;color:#fff;display:flex;min-height:100vh;padding:20px}.ab-left{flex-basis:30%;padding:20px;text-align:center}.ab-left img{border-radius:50%;height:400px;object-fit:cover;width:400px}.ab-right{flex-basis:70%;padding:20px}.about h1{color:#e0e0e0;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0003}.line{align-items:center;display:flex;opacity:0;padding-left:30px;position:relative;transition:opacity 2s ease-in-out}.line.animate{animation:fadeIn 1s ease forwards}.line:before{color:#32cd32;content:"•";font-size:2rem;left:0;margin-top:-5px;position:absolute}.ab-right .line:first-of-type{animation-delay:.5s}.ab-right .line:nth-of-type(2){animation-delay:1s}.ab-right .line:nth-of-type(3){animation-delay:1.5s}.ab-right .line:nth-of-type(4){animation-delay:2s}.ab-right .line:nth-of-type(5){animation-delay:2.5s}.ab-right .line:nth-of-type(6){animation-delay:3s}.ab-right .line:nth-of-type(7){animation-delay:3.5s}.abt-btn{background-color:#32cd32;border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:1rem;margin-top:20px;padding:12px 20px;text-align:center;transition:background-color .3s,color .3s}.abt-btn,.abt-btn:hover{color:#fff;text-decoration:none}.abt-btn:hover{background-color:#28a745;transform:scale(1.05)}.experience{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:auto;padding-top:60px;width:100vw}.header-container{border-bottom:1px solid #e0e0e0;margin:0 auto;padding:20px;text-align:center;width:50%}.header-container h1{color:#e0e0e0;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #00000080}.experience-container{animation:fadeIn 1s ease-in;flex-grow:1;text-align:center;width:100%}.job-details{margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.description-container p{opacity:0;transform:translateY(20px)}.description-container p.visible{animation:fadeInUp 3.5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skills{align-items:center;background-color:#000;box-sizing:border-box;color:#fff;display:flex;height:100vh;justify-content:space-around;padding:20px;position:relative}.skills-header{color:#fff;left:0;position:absolute;top:0;width:100%;z-index:2}.skills-header h1{margin:20px auto;padding-bottom:10px;position:relative;text-align:center}.skills-header h1:after{background-color:#32cd32;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.skills-left,.skills-right{flex-basis:45%;text-align:justify;z-index:1}.skills-left{font-style:italic;padding-right:20px}.skills-right{height:80vh;overflow:hidden;position:relative;width:45%}.skills-right p:first-child{left:10%;top:10%}.skills-right p:nth-child(2){left:20%;top:20%}.skills-right p:nth-child(3){left:30%;top:30%}.skills-right p:nth-child(4){left:40%;top:40%}.skills-right p:nth-child(5){left:50%;top:50%}.skills-right p:nth-child(6){left:60%;top:60%}.skills-right p:nth-child(7){left:70%;top:70%}.skills-right p:nth-child(8){left:80%;top:80%}.skills-right p:nth-child(9){left:90%;top:90%}.skills-right p{animation:rotate-skills 10s linear infinite;color:#32cd32;font-size:20px;font-weight:700;position:absolute}@keyframes rotate-skills{0%,to{transform:translate(0)}25%{transform:translate(-100%,-100%)}50%{transform:translate(-100%,100%)}75%{transform:translate(100%,100%)}}@media (max-width:768px){.skills{flex-direction:column;text-align:center}.skills-left,.skills-right{flex-basis:auto}.skills-header h1{font-size:24px}.skills-right{height:auto}}.projects{background-color:#000;color:#fff;margin:0;min-height:100vh;padding-bottom:20px;padding-top:20px;text-align:center}.projects h1{border-bottom:2px solid #333;color:#fff;display:block;margin-bottom:20px;margin-left:auto;margin-right:auto;padding-bottom:5px;width:70%}.project1{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.clone-left,.clone-right{flex-basis:48%;flex-grow:1}.clone-left,.clone-right{text-align:center}.clone-right{align-items:center;display:flex;justify-content:center}.clone-right img{border-radius:5px;height:250px;margin:0 auto;max-width:50%;transition:transform .3s ease-in-out}.clone-right img:hover{transform:scale(1.1)}.clone-left h2{margin-bottom:10px}.clone-left p{margin-bottom:20px}.clone-left a{color:#fff;margin-right:10px;text-decoration:none}.clone-left a:hover{color:#32cd32;text-decoration:underline}.clone-left a:hover svg{transform:scale(1.1);transition:transform .2s ease-in-out}.project2{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.rave-left,.rave-right{flex-basis:48%;flex-grow:1;text-align:center}.rave-left{align-items:center;display:flex;justify-content:center}.rave-left img{border-radius:5px;height:250px;margin:0 auto;max-width:50%;transition:transform .3s ease-in-out}.rave-left img:hover{transform:scale(1.1)}.rave-right h2{margin-bottom:10px}.rave-right p{margin-bottom:20px}.rave-right a{color:#fff;margin-right:10px;text-decoration:none}.rave-right a:hover{color:#32cd32;text-decoration:underline}.rave-right a:hover svg{transform:scale(1.1);transition:transform .2s ease-in-out}.project3{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.crime-left,.crime-right{flex-basis:48%;flex-grow:1}.crime-left,.crime-right{text-align:center}.crime-right{align-items:center;display:flex;justify-content:center}.crime-right img{border-radius:5px;height:250px;margin:0 auto;max-width:50%;transition:transform .3s ease-in-out}.crime-right img:hover{transform:scale(1.1)}.crime-left h2{margin-bottom:10px}.crime-left p{margin-bottom:20px}.crime-left a{color:#fff;margin-right:10px;text-decoration:none}.crime-left a:hover{color:#32cd32;text-decoration:underline}.crime-left a:hover svg{transform:scale(1.1);transition:transform .2s ease-in-out}body,html{height:100%;margin:0;padding:0}.contact{background-color:#000;color:#fff;margin:0;min-height:100vh;padding-bottom:20px;padding-top:20px;text-align:center}.contact h1{font-size:2.5em;margin-bottom:20px;margin-top:100px}.contact p{font-size:1.2em;margin-bottom:30px;margin-top:50px}.contact-button{background-color:#32cd32;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:40px;padding:10px 20px;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.contact-button:hover{background-color:#28a745;transform:scale(1.05)}.mail{background-color:#f3f3f3;box-shadow:-5px 0 10px #00000080;box-sizing:border-box;color:#333;height:100vh;padding:20px;position:fixed;right:-400px;top:0;transition:right .4s ease;width:400px;z-index:1000}.mail.active{right:0}.mail h1{color:#333}.mail form{display:flex;flex-direction:column}.mail label{color:#333;margin-top:10px}.mail input[type=email],.mail input[type=text],.mail textarea{border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:10px;width:100%}.mail input[type=submit]{background-color:#32cd32;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.mail input[type=submit]:hover{background-color:#28a745}.close-btn{background:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.close-btn:hover{background-color:#e53e3e}
/*# sourceMappingURL=main.ee81491a.css.map*/