:root{--color-text: #fff;--color-primary: #576cbc;--color-secondary: #19376d;--color-dark: #0b2447;--color-bg: #04152d}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}.app{background-color:var(--color-bg);width:100%;height:100%;overflow:hidden}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:61px;z-index:2;margin:0 10%}.navbar__title{font-size:30px;font-weight:600;text-decoration:none;color:var(--color-text)}.navbar__menu{display:flex}.navbar__menuBtn{display:none}.navbar__menuItems{display:flex;gap:47px;list-style:none}.navbar__menuItems a{font-size:25px;color:var(--color-text);text-decoration:none}@media screen and (max-width: 830px){.navbar{flex-direction:column;align-items:flex-start}.navbar__menu{position:absolute;right:0;margin-right:10%;flex-direction:column;align-items:flex-end;gap:11px;z-index:3}.navbar__menuBtn{display:block;cursor:pointer}.navbar__menuItems{display:none;flex-direction:column;align-items:center;gap:13px;border-radius:10px;background:#19376d;background:linear-gradient(0deg,#19376d33,#19376d);padding:24px 33px;box-shadow:0 0 4px #00000040}.navbar__menuOpen{display:flex;z-index:1}}.hero__container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:49px;z-index:1;margin-left:10%;margin-right:10%}.hero__content{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text);z-index:1}.hero__title{font-size:72px;font-weight:900;margin-bottom:33px}.hero__description{font-size:30px;margin-bottom:52px}.hero__contactBtn{text-decoration:none;background-color:var(--color-primary);color:var(--color-text);border-radius:100px;font-size:30px;font-weight:600;padding:17px 26px;box-shadow:0 0 4px #00000040}.hero__img{width:40%;z-index:1;border-radius:50%;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translateY(-0px)}}.hero__topBlur{position:absolute;width:50vw;height:50vw;min-width:350px;top:-128px;left:-10vw;border-radius:764px;background:#19376db3;filter:blur(100px);z-index:0}.hero__bottomBlur{position:absolute;width:70vw;height:50vw;min-width:350px;min-width:250px;top:246px;right:-25vw;border-radius:764px;background:#19376db3;filter:blur(100px);z-index:0}@media screen and (max-width: 830px){.hero__container{flex-direction:column-reverse}.hero__content{align-items:center}}.about__container{position:relative;background-color:#0c0c0c99;border-radius:15px;padding:73px;margin-top:129px;z-index:1;margin-left:10%;margin-right:10%}.about__title{color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase}.about__content{display:flex;flex-direction:row;align-items:center}.about__img{width:35%;border-radius:50%}.about__items{color:var(--color-text);display:flex;flex-direction:column;gap:50px}.about__item{display:flex;flex-direction:row;align-items:center;border-radius:20px;list-style:none;padding:25px;background-image:linear-gradient(90deg,#a5d7e86b,#fff0);background-size:0 100%;background-repeat:no-repeat;transition:.4s}.about__item:hover{background-size:100% 100%}.about__item h3{font-size:25px;font-weight:600}.about__item p{font-size:25px}@media screen and (max-width: 830px){.about__container{background-color:transparent;padding-left:0;padding-right:0}.about__content{flex-direction:column}.about__img{display:none}.about__items{margin-top:29px}.about__item{padding-left:0;padding-right:0}}.experience__container{color:var(--color-text);margin-top:79px;margin-left:10%;margin-right:10%}.experience__title{color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase}.experience__content{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:14px}.experience__skills{width:45%;display:flex;flex-wrap:wrap;gap:37px}.experience__skill{display:flex;flex-direction:column;align-items:center;gap:11px}.experience__skillImageContainer{background-color:var(--color-secondary);border-radius:100%;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.experience__skillImageContainer img{width:75px}.experience__skill p{font-size:25px;font-weight:500}.experience__history{width:45%;display:flex;flex-direction:column;gap:40px}.experience__historyItem{display:flex;flex-direction:row;align-items:center;gap:17px;background:#19376d;background:linear-gradient(90deg,#19376d,#19376d00);border-radius:10px;padding:24px}.experience__historyItem img{width:50px}.experience__historyItemDetails h3{font-size:30px;font-weight:500}.experience__historyItemDetails p{font-family:cursive;font-size:20px;font-weight:300;color:#777}.experience__historyItemDetails ul{margin-top:6px;list-style-position:inside;font-size:25px;list-style-type:disc;margin-left:17px}@media screen and (max-width: 830px){.experience__content{flex-direction:column;align-items:center;gap:34px}.experience__skills{width:100%;flex-direction:row;justify-content:center}.experience__history{width:100%;gap:9px}}.projects__container{margin-top:76px;color:var(--color-text);margin-left:10%;margin-right:10%}.projects__title{font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase}.projects{margin-top:37px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;width:100%}.project-container{display:flex;flex-direction:column;border-radius:10px;background:linear-gradient(180deg,#576cbc,#132a53);box-shadow:0 16px 14px #04152d;padding:18px 24px;max-width:345px}.project-img{margin-bottom:26px}.project-title{font-size:25px;font-weight:700}.project-description{margin-top:6px;font-size:25px;font-weight:400}.projects-skills{width:100%;margin-top:14px;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;list-style:none}.project-skill{font-size:25px;font-weight:400;border-radius:100px;background:var(--color-dark);padding:2px 22px}.project-links{width:100%;margin-top:26px;display:flex;justify-content:space-around}.project-link{text-decoration:none;color:var(--color-text);font-size:30px;font-weight:600;border-radius:100px;background:var(--color-primary);padding:1px 22px}.contact__container{color:var(--color-text);margin-top:120px;background-color:var(--color-secondary);display:flex;flex-direction:row;justify-content:space-between;width:100vw;padding:58px 10%;gap:10px}.footer__container{color:var(--color-text);background-color:var(--color-secondary);display:flex;text-align:center;justify-content:center;border-top:1px solid #fff;padding:10px 16px}.newsletter__inputs{display:flex;gap:8px;margin-top:20px}.newsletter__tab h2{margin-bottom:15px}.newsletter__inputs input{padding:8px;color:#000;border:1px solid;border-radius:6px;font-size:16px}.button{padding:8px 16px;font-size:16px;background-color:#576cbc;color:#fff;border:none;border-radius:8px}.contact__text h2{margin-bottom:10px}.contact__container .contact__link img{height:30px;width:30px}.contact__text p{font-size:16px;font-weight:200;letter-spacing:2px}.contact__links{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:26px}.contact__link{display:flex;align-items:center;gap:25px}.contact__link a{color:var(--color-text);text-decoration:none;font-size:16px;font-weight:400}@media screen and (max-width: 830px){.contact__container{flex-direction:column;gap:23px}.contact__text{display:flex;flex-direction:column;align-items:center}.contact__links{align-items:center}}@media screen and (max-width: 640px){.hero__title{text-align:center;font-size:42px;margin-top:10px}.about__title{text-align:center;background-color:var(--color-primary);color:var(--color-text);border-radius:100px;font-weight:600;padding:10px;box-shadow:0 0 4px #00000040}.experience__title{text-align:center;background-color:var(--color-primary);color:var(--color-text);border-radius:100px;font-weight:600;padding:10px;box-shadow:0 0 4px #00000040;margin-bottom:10px}.hero__img{width:70%}.hero__description{font-size:25px;text-align:center}.about__item p{font-size:24px}.about__container{margin-top:100px}}