@import url(https://fonts.googleapis.com/css?family=Righteous);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}body{background-color:#041f60;overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.scroll-button button{background-color:initial;border:none}.scroll-button button:hover{opacity:.7}.scroll-button button img{background-color:#e7f340;border-radius:50%;width:60px}.typical-wrapper span{transition:opacity .5s ease-in-out}@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)}}.about-me-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.developer-qualities{align-items:flex-start;border-radius:12px;box-shadow:0 4px 10px #0003;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:0;padding:1rem;width:15%}.quality-line{align-items:center;display:flex;font-family:Poppins-Black,sans-serif;font-size:1rem;justify-content:start;line-height:1.5;margin-left:5px;padding:5px 0}.first-letter{color:#e7f340;font-size:1.5rem;font-weight:700;margin-right:.4rem}.remaining-letters{color:#f5f5f5;font-size:1rem}.developer-qualities .quality-line:hover{transform:scale(1.05)}.developer-qualities .quality-line{transition:transform .3s ease-in-out}.about-me-details-container{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-around;margin-top:0;padding:2em;text-align:left;width:80%}.about-me-details{height:auto;position:relative;width:100%}.about-me-details .full-name,.about-me-details h2{color:#041f60;font-family:Poppins-Black,sans-serif;font-size:3rem;line-height:.9;margin-bottom:1rem;position:relative;text-align:left}.about-me-details .dev-container{font-family:Poppins-Black,sans-serif;line-height:normal;margin:0 .5em}.about-me-details p{color:#041f60;font-family:Poppins-Medium,sans-serif;font-size:1.5rem;position:relative}.about-me-details p .text-bg{background-color:#e7f340;border-radius:12px;color:#041f60;font-family:Poppins-Black,sans-serif;line-height:2.6;padding:6px 8px}@media (max-width:875px){.about-me-container{flex-direction:column}.developer-qualities{display:none}.about-me-details-container{width:100%}.about-me-details .dev-container,.about-me-details .full-name{font-size:1.5rem}.about-me-details p .text-bg{background-color:#fff;color:#452a7b;line-height:1.2em;margin:0;padding:0}}.contact-section{align-items:center;background:linear-gradient(135deg,#041f60,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:4rem 1rem}.contact-card{animation:fadeInUp .6s ease-in-out;background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #00000026;max-width:600px;padding:2.5rem;text-align:center;width:100%}.contact-card h2{color:#041f60;font-size:1.8rem;margin-bottom:1.5rem}.contact-card h2 span{color:#888;display:block;font-size:1rem}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:12px;font-size:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#07f355;box-shadow:0 0 5px #07f35580;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:#109b3e;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;transition:background-color .3s ease;width:100%}.contact-form button:hover{background-color:#05cc48}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{animation:slideUp .4s ease;background:#fff;border-radius:12px;box-shadow:0 0 20px #00000040;max-width:350px;padding:2em 1.5em;position:relative;text-align:center;width:90%}.modal-content h3{color:#041f60;margin-bottom:.5em}.modal-close{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:10px;transition:color .2s}.modal-close:hover{color:#041f60}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.contact-card{padding:1.5rem}.contact-card h2{font-size:1.4rem}.contact-form button,.contact-form input,.contact-form textarea{font-size:.95rem}}.experience-section{align-items:center;display:flex;flex-direction:column;margin-top:10em;overflow:hidden;padding:4rem 1rem;position:relative;transition:background-color .4s ease}.experience-heading{background-color:#e7f340;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#041f60;font-family:Poppins-black;font-size:2em;letter-spacing:1px;padding:12px 16px;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%) rotate(1turn);transition:background-color .3s ease;white-space:nowrap;writing-mode:vertical-rl;z-index:2}.experience-heading:hover{background-color:#fef08a;cursor:default}.experience-card{border-radius:1.5rem;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:700px;overflow:hidden;position:relative;transition:background-color .4s ease,transform .5s ease;width:90%}.experience-image img{filter:brightness(.75);height:auto;object-fit:cover;width:100%}.experience-content{color:#fff;padding:1.5rem;transition:background-color .4s ease}.experience-content h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.experience-content p{font-size:1rem;line-height:1.6}.experience-section:before{content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.nav-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px #00000026;cursor:pointer;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease}.nav-btn:hover{background:#e0f7f3}.nav-btn img{height:24px}.nav-btn.left{left:1rem}.nav-btn.right{right:1rem}@media (max-width:768px){.experience-content{padding:1rem}.experience-content h2{font-size:1rem}.experience-content p{font-size:.875rem}.experience-heading{border-radius:10px;box-shadow:none;font-size:1.5rem;margin-bottom:1rem;position:static;text-align:center;transform:none;white-space:normal;writing-mode:horizontal-tb}.nav-btn.left,.nav-btn.right{top:5rem}}@font-face{font-family:Lobster;src:url(/static/media/Lobster_1.3.5dac3df5d14e11ce5242.otf) format("opentype")}@font-face{font-family:Poppins-Black;src:url(/static/media/Poppins-Black.9e5def582b1916bda929.otf) format("opentype")}@font-face{font-family:Poppins-Medium;src:url(/static/media/Poppins-Medium.2175351766d1d5e18c15.otf) format("opentype")}.profile-wrapper{overflow:hidden;position:relative}.profile-details-role .primary-text{font-family:Poppins-Black}.profile-details-name .primary-text{font-family:Poppins-Medium}.profile-details-name .primary-text .highlighted-text{font-family:Poppins-Black}.profile-details-role .profile-role-tagline{font-family:Lobster}.social-network-icons img{height:40px;margin-right:1em;transform:scale(1);-webkit-transform:scale(1);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;width:40px}.social-network-icons img:hover{transform:scale(1.3);-webkit-transform:scale(1.3)}.profile-parent{background-color:#041f60;color:#fff;display:flex;justify-content:space-around}.profile-details{padding:5em 2em}.social-network-icons{padding:1.2em 0}.profile-options button{margin:1.2em}.profile-options .btn-download,.profile-options .btn-hire{font-family:Poppins-Black}.profile-options .btn-hire{background-color:#041f60;color:#fff;margin-right:1em}.profile-options .btn-download,.profile-options .btn-hire:hover{background-color:#fff;color:#2d2d61}.profile-options .btn-download:hover{opacity:.5}.profile-picture-background img{height:350px;transform:rotate(-15deg);-webkit-transform:rotate(-15deg);width:auto}.profile-picture{margin-top:4em;position:absolute;right:-8em;top:5em}.profile-picture:hover{cursor:pointer}.profile-picture .profile-picture-background{position:relative;top:-1.5em}.profile-picture :before{background:#fff3;border-radius:100%;content:"";display:block;height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:0;z-index:2}.profile-picture-background{display:inline-block;position:relative}.speech-bubble{background-color:#fff;border:2px solid #333;border-radius:15px;color:#333;font-size:.9rem;font-weight:700;left:-38%;padding:10px 15px;position:absolute;top:70px;transform:translateX(-50%);transform:rotate(-40deg);white-space:nowrap;&:after{border-color:#fff #0000 #0000;border-style:solid;border-width:10px 10px 0;bottom:-10px;content:"";left:50%;position:absolute;transform:translateX(-50%)}}@media (max-width:975px){.profile-parent{height:600px}.profile-picture{top:16em}.profile-picture-background img{height:350px;max-width:100%;width:auto}}@media (max-width:768px){.profile-picture-background img{display:none}}@keyframes circle{0%{opacity:1}40%{opacity:1}to{height:200%;opacity:0;width:200%}}.project-container{position:relative;top:8em}.project-title h2{background:linear-gradient(90deg,#e7f340,#d4e157);border-radius:0 12px 12px 0;box-shadow:0 6px 14px #0003;color:#041f60;display:inline-block;float:left;font-family:Poppins-Black,sans-serif;font-size:2.2rem;padding:14px 20px;position:relative}.projects{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1250px;padding:3rem 1.5rem;width:100%}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ee6;border:1px solid #ffffff1a;border-radius:1.25rem;box-shadow:0 12px 30px #00000080;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease}.project-card:hover{box-shadow:0 20px 40px #000000a6,0 0 25px #e7f34066;transform:translateY(-10px) scale(1.02)}.project-media{overflow:hidden;position:relative}.project-media img,.project-media video{display:block;height:230px;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.08)}.project-media:after{background:linear-gradient(0deg,#000000b3,#0000);content:"";inset:0;pointer-events:none;position:absolute}.project-content{display:flex;flex-direction:column;gap:1rem;padding:1.8rem 1.5rem;text-align:center}.project-content h3{color:#e7f340;font-family:Poppins-Black,sans-serif;font-size:1.6rem;letter-spacing:.5px;margin-bottom:.5rem}.project-content p{color:#d1d1d1;font-size:1rem;line-height:1.6}.project-content p b{color:#fff}.project-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.project-links a{background:linear-gradient(135deg,#e7f340,#d4e157);border-radius:30px;box-shadow:0 0 10px #e7f34080;color:#041f60;font-size:.95rem;font-weight:700;padding:.7rem 1.6rem;text-decoration:none;transition:all .3s ease}.project-links a:hover{background:linear-gradient(135deg,#cddc39,#afb42b);box-shadow:0 0 15px #e7f340cc;transform:translateY(-3px) scale(1.05)}@media (max-width:875px){.project-title h2{font-size:1.6rem}.project-media img,.project-media video{height:200px}.projects{padding:3rem 1rem}}.schools{display:flex;flex-wrap:wrap;justify-content:space-around;top:4em}.school,.schools{position:relative}.school{transition:transform .6s}.school:hover{cursor:pointer;transform:scale(1.1)}.school-title{position:absolute;right:0}.school-title h2{background-color:#e7f340;border-radius:10px 0 0 10px;color:#041f60;display:inline-block;font-family:Poppins-black;font-size:2em;margin-top:1em;padding:12px 16px;position:relative;text-align:right}.school img{border-radius:10px;height:300px;width:330px}.caption{background-color:#00000080;border-radius:10px;bottom:37px;color:#fff;height:89%;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .5s linear;visibility:hidden}.school:hover .caption{opacity:1;visibility:visible}.description{align-items:center;display:flex;justify-content:space-between;padding:0 10px;position:relative;top:-15%;width:100%}.description div .school-p,.options p{font-weight:700;padding-top:2px}.options img{height:40px;max-width:40px;padding:2px}.home .school-p{font-size:1.5rem}.esmia-description{background-color:#f1e20bbf;color:#fff}.esmia .school-p,.options p{color:#041f60}.odc .school-p,.options p{color:#0a0a0a}.odc-description{background-color:#f19407bf;color:#fff}.home .school-p,.options p{color:#fff}.home-description{background-color:#1163e2bf;color:#fff}@media (max-width:875px){.school-title h2{font-size:1.5rem}}
/*# sourceMappingURL=main.3a563aa7.css.map*/