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}*{box-sizing:border-box;font-family:Oswald,sans-serif;margin:0;padding:0}body{background-color:#93e8f3;color:#01045c;overflow-x:hidden!important;width:100vw!important}.section{align-items:center;display:flex;justify-content:space-between;margin-top:-2px;padding:70px 10% 50px;width:100vw}.section,.title{position:relative;z-index:1}.title{display:grid;font-size:1.5em;font-weight:600;letter-spacing:1.5px;margin-bottom:30px;text-align:center;text-transform:uppercase}.titleCircle{border:1px solid #01045c;border-radius:70%;height:60px;position:absolute;width:220px}.titleCircle:first-child{left:-60px;top:-10px}.titleCircle:nth-child(2){left:-50px;top:-12px}.titleCircle:nth-child(3){left:-45px;top:-7px}a{color:#01045c;text-decoration:none}.icon{margin-right:5px;width:30px}.icon,.lg-icon{mix-blend-mode:multiply}.lg-icon{margin-right:20px;width:80px}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.navbarContainer{align-items:center;background-color:initial;display:flex;justify-content:space-between;padding-left:10%;padding-right:10%;padding-top:30px;position:fixed;transition:.3s ease-in-out;width:100vw;z-index:2}.navBg{background-color:var(--bg-hero)}.navbarContainer a{color:var(--text-light);text-decoration:none}.navbarBrand{font-size:2em;font-weight:600}.navLinksContainer{display:flex;gap:20px}.navMenu{display:flex}.navbarButton{display:none;width:20px}.navMenuItems{display:flex;gap:45px;list-style:none}.nav{font-size:1.5em}@media screen and (max-width:820px){.navLinksContainer{align-items:flex-end;flex-direction:column;gap:11px;margin-right:10%;margin-top:10px;position:absolute;right:0;z-index:3}.navbarButton{cursor:pointer;display:block}.navMenuItems{align-items:center;background-color:var(--bg-hero);border-radius:10px;box-shadow:0 0 6px #89898a;display:none;flex-direction:column;gap:15px;padding:24px 35px;text-align:center}.navMenuItemsOpen{display:flex;position:absolute;right:50px;top:80px}}:root{--text-color:#01045c;--text-light:#fdfcf3;--main-color:#93e8f3;--special-color:#fdf7a2;--blur-color:#046572;--bg-color:#fdfcf3;--bg-dark:#01045c;--bg-hero:#011416e6}.heroBg{background-color:#fdfcf3;background-color:var(--bg-color);overflow:hidden;width:100vw}.heroContainer{background-image:url(/static/media/hero-bg.fd4d96085bb035c13553.png);background-position:50%;background-size:cover;border-radius:0 0 0 100px;padding-top:100px;position:relative}.heroContainer:before{background-color:#011416e6;background-color:var(--bg-hero);border-radius:0 0 0 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.heroTexts{align-items:flex-start;color:#fdfcf3;color:var(--text-light);display:flex;flex-direction:column;z-index:1}.heroTitle{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#fdfcf3 -10%,#f8f2bf 200%);-webkit-background-clip:text;font-size:4.5em;font-weight:900;margin-bottom:30px;z-index:999}.heroDecs{font-size:1.5em;font-weight:400;margin-bottom:50px}.heroContact{align-items:center;background-color:#fdfcf3;border-radius:6px;color:#01045c;display:flex;font-size:1.5em;font-weight:600;gap:5px;padding:5px 15px;text-decoration:none;transition:.3s ease}.heroContact:hover{background-image:linear-gradient(90deg,#fdfcf3,#f7eb7f);border:2px solid #fdf7a2;border:2px solid var(--special-color)}.heroImg{animation-duration:3s;animation-iteration-count:infinite;animation-name:floating;animation-timing-function:ease-in-out;border-radius:50%;width:50%;z-index:1}.heroToplur{background:#046572;background:var(--blur-color);left:-10vw;min-width:350px;top:-120px}.heroBottomlur,.heroToplur{border-radius:764px;filter:blur(100px);height:50vh;min-height:350px;position:absolute;width:50vw;z-index:0}.heroBottomlur{background-color:#046572;background-color:var(--blur-color);min-width:250px;right:25vw;top:250px}@media screen and (max-width:820px){.heroContainer{flex-direction:column-reverse}.heroTexts{align-items:center;text-align:center;.heroImg{margin-bottom:30px;width:80%}}}.aboutContainer{background-color:var(--bg-color);flex-direction:column}.aboutTitle{display:grid;font-size:1.5em;font-weight:600;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.aboutWrapper{align-items:center;display:flex}.aboutImg{margin-right:20px;mix-blend-mode:multiply;width:50%}.aboutItem{align-items:center;background-color:var(--bg-color);border-radius:6px;box-shadow:0 0 6px #909091;display:flex;margin:30px 0;padding:10px}.aboutItem:hover{border:1px solid var(--bg-dark);padding:10.5px}.aboutItemTitle{font-size:1.2em;margin-bottom:10px;padding:5px;text-transform:capitalize}.resume{background-color:var(--bg-dark);border:1px solid var(--bg-dark);border-radius:4px;color:var(--text-light);font-size:1.5em;outline:none;padding:10px;text-align:center}.resume:hover{background-image:linear-gradient(90deg,#93e8f3,#02b7cf);color:var(--text-color)}@media screen and (max-width:820px){.aboutContainer{justify-content:center}.aboutImg{display:none}}@media screen and (max-width:300px){.titleCircle:first-child{left:-70px}.titleCircle:nth-child(2){left:-60px}.titleCircle:nth-child(3){left:-55px}.lg-icon{margin-right:10px;width:50px}}.section.skillContainer{background-color:#fdfcf3}.skillWrapper{flex-direction:column;justify-content:space-evenly;margin-bottom:20px;margin-top:20px;width:100%}.skillWrapper,.skills{align-items:center;display:flex}.skills{flex-wrap:wrap;gap:35px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-top:40px}.skillItem{gap:11px;width:30%}.skillImgContainer,.skillItem{align-items:center;display:flex}.skillImgContainer{aspect-ratio:1/1;background-color:var(--special-color);border-radius:50%;justify-content:center;width:100px}.skillImage{mix-blend-mode:multiply;width:80%}@media screen and (max-width:1024px){.skillItem{width:30%}}@media screen and (max-width:820px){.skillWrapper{width:100%!important}.skills{gap:15px}.skillImgContainer{height:80px;width:80px}}@media screen and (max-width:700px){.skillItem{width:100%}}.categoryButtons{display:flex;justify-content:center;margin-bottom:20px}.categoryButtons button{background-color:#02b7cf;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.categoryButtons button.active,.categoryButtons button:hover{background-color:#fdf7a2}.projectContainer{flex-direction:column}.projectTitle{font-size:1.5em;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.projects{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px;width:100%}.projectItem{background-color:#fdfcf3;background:linear-gradient(0deg,#02b7cf,#fdf7a2);border-radius:10px;box-shadow:0 0 6px #909091;display:flex;flex-direction:column;margin-bottom:15px;max-width:345px;min-height:550px;padding:10px 5px;position:relative}.projectImage{aspect-ratio:11/6;margin-bottom:25px;transition:.3s ease-in-out;width:100%}.projectItem:hover .projectImage{box-shadow:0 0 6px #909091;width:98%}.projectItemTitle{font-size:1.5em;font-weight:700;padding:0 5px}.projectDecs{font-size:1.5em;font-weight:400;margin-top:6px;padding:0 5px}.projectSkills{bottom:70px;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.2em;gap:10px;list-style:none;margin-top:14px;padding:0 5px;position:absolute;width:100%}.projectSkillsItem{background-color:#fdf7a2;background:linear-gradient(90deg,#fdf7a2,#fdfcf3);border-radius:4px;font-size:1.2em;font-weight:400;padding:0 10px}.projectLinks{bottom:30px;display:flex;justify-content:space-around;margin-top:25px;position:absolute;width:100%}.projectLinkItem{background-color:#fdf7a2;border-radius:4px;font-size:1.2em;font-weight:600;padding:0 10px;text-decoration:none}.projectLinkItem:hover{background-image:linear-gradient(90deg,#fdfcf3,#f7eb7f)}.projectLinkItem:nth-child(2){display:none}.contactContainer{background-color:var(--bg-color);flex-direction:column;gap:20px;justify-content:center;overflow-x:hidden;overflow-y:hidden;width:100vw}.contactWrapper{align-items:center;display:flex;justify-content:space-between;z-index:1}.contactLeft{width:50%}.contactText{align-items:center;font-size:2em;font-weight:400;gap:10px;letter-spacing:2px}.contactRight,.contactText{display:flex;flex-direction:column}.contactRight{align-items:flex-start;gap:26px;list-style:none;width:50%}.contactLinks{align-items:center;background-color:var(--special-color);background:linear-gradient(90deg,#fdfcf3,#fdf7a2);border:2px solid var(--bg-color);display:flex;font-size:1.2em;font-weight:400;gap:5px;justify-content:flex-start;min-width:350px;padding:5px 15px;transition:.3s ease-in-out}.contactLinks:hover{background-image:linear-gradient(90deg,#fdf7a2,#93e8f3)}.contactToplur{background:var(--special-color);left:-10vw;min-width:350px;top:-120px}.contactBottomlur,.contactToplur{border-radius:764px;filter:blur(100px);height:50vh;min-height:350px;position:absolute;width:50vw;z-index:0}.contactBottomlur{background-color:var(--special-color);min-width:250px;right:-20vw;top:250px}@media screen and (max-width:820px){.contactWrapper{flex-direction:column;gap:25px;justify-content:center}.contactLeft,.contactRight{width:100%}}@media screen and (max-width:300px){.contactContainer{flex-direction:column}.contactText{font-size:1.5em}.contactLinks{font-size:1em!important;gap:2px!important;min-width:250px!important;padding:5px 10px!important}}form{align-items:start;background-color:var(--main-color);border-radius:6px;display:flex;flex-direction:column;gap:5px;justify-content:center;margin-right:20px;padding:20px}input{margin-bottom:5px;width:100%}input,textarea{background-color:#fff;border:none;border-radius:6px;outline:none;padding:10px}textarea{margin:5px 0;width:97%}input:focus,textarea:focus{border:1px solid #93e8f3}.send{align-items:center;display:flex;justify-content:center;width:100%}.send input{background-color:#fdfcf3;border-radius:6px;color:#01045c;font-size:.6em;font-weight:600;padding:5px;text-align:center;text-decoration:none;transition:.3s ease-in-out;width:50%}.send input:hover{background-image:linear-gradient(90deg,#fdfcf3,#f7eb7f)}footer{align-items:center;background-color:#fdfcf3;display:flex;justify-content:space-evenly;margin-top:-2px;overflow-x:hidden;padding:20px 10%;width:100vw}@media screen and (max-width:820px){.copy{font-size:.8em}.design{display:none}}
/*# sourceMappingURL=main.cf0eb057.css.map*/