*{box-sizing:border-box;font-family:Outfit,Arial,Helvetica,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.App{background-color:#04152d;background-color:var(--color-background);height:100%;overflow:hidden;width:100%}.navbar{align-items:center;display:flex;justify-content:space-between;margin:0 10%;padding-top:61px;position:relative;z-index:2}.port{animation:colorShift 4s infinite;color:#fff;color:var(--color-text);font-size:30px;font-weight:600;text-decoration:none}@keyframes colorShift{0%{color:#fff;color:var(--color-text)}50%{color:#fffacd}to{color:#fff;color:var(--color-text)}}.menu{align-items:center;display:flex}.menubutton{cursor:pointer;display:none}.menuitems{display:flex;gap:47px;list-style:none}.menuitems a{color:#fff;color:var(--color-text);font-size:25px;text-decoration:none}@media screen and (max-width:830px){.navbar{align-items:center;flex-direction:row;justify-content:space-between;padding:0 20px;width:100%}.menu{align-items:flex-end;flex-direction:column;position:relative}.menubutton{cursor:pointer;display:block;margin-right:80px;position:relative;z-index:10}.menuitems{align-items:flex-start;background:#19376d;background:linear-gradient(0deg,#19376d33,#19376d);border-radius:10px;box-shadow:0 0 4px 0 #00000040;display:none;flex-direction:column;gap:13px;margin-right:50px;padding:24px 33px}.menuitems.open{display:flex;z-index:1}}.hero-container{align-items:center;display:flex;justify-content:space-between;margin-left:10%;margin-right:10%;padding:50px;position:relative;z-index:1}.hero-content{align-items:flex-start;color:#fff;color:var(--color-text);display:flex;flex-direction:column;z-index:1}.hero-icons{display:flex;justify-content:center;margin-top:20px}.hero-icons a{color:#96bbff;font-size:30px;margin:0 30px;transition:all .3s ease}.hero-icons a:hover{color:#fffacd;transform:scale(1.25)}.hero-image-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;margin-bottom:10px;margin-left:50px;width:469px;z-index:1}.subtit{animation:fadeInLeft 1.2s ease-out;color:#fff;color:var(--color-text);display:inline-block;letter-spacing:1px;margin-bottom:5px;margin-top:35px;transform:scaleX(1.2);transform-origin:left}.hero-title,.subtit{font-family:Roboto,sans-serif;font-family:var(--font-roboto)}.hero-title{color:#fffacd;font-size:72px;font-weight:900;margin-bottom:33px;text-rendering:optimizeLegibility}.hero-description{animation:fadeIn 1.4s ease-out forwards;font-family:Roboto,sans-serif;font-family:var(--font-roboto);font-size:24px;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin-bottom:40px;opacity:0;text-align:justify}.hero-button-container{display:flex;gap:20px}.hero-contact-btn{background:#576cbc;background:var(--color-primary);border-radius:30px;box-shadow:0 4px 10px #0003;color:#fff;color:var(--color-text);font-size:25px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.hero-contact-btn:hover{background:#19376d;background:var(--color-secondary);transform:scale(1.05)}.hero-img{animation:floating 3s ease-in-out infinite;border-radius:20px;margin-bottom:10px;margin-left:50px;width:380px;z-index:1}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.hero-topcircle{left:-10vw;top:-128px;width:50vw}.hero-bottomcircle,.hero-topcircle{background:#19376db3;border-radius:764px;filter:blur(100px);height:50vw;min-width:350px;position:absolute;z-index:0}.hero-bottomcircle{min-width:250px;right:-35vw;top:246px;width:70vw}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:830px){.hero-container{flex-direction:column-reverse;padding:30px}.hero-content{align-items:center;text-align:center}.hero-title{font-size:50px}.hero-img{margin-top:20px;width:80%}}.about-container{background-color:#0c0c0c99;border-radius:15px;margin-left:10%;margin-right:10%;margin-top:90px;padding:73px;position:relative;z-index:1}.about-title{color:#fff;color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-align:center;text-transform:uppercase}.about-content{align-items:center;display:flex;flex-direction:row}.about-img{width:35%}.about-items{grid-gap:20px;grid-column-gap:25px;color:#fff;color:var(--color-text);column-gap:25px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:20px 0;width:100%}.about-item{align-items:center;background-image:linear-gradient(90deg,#a5d7e86b,#fff0);background-repeat:no-repeat;background-size:0 100%;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;padding:25px;transition:background-size .4s,transform .3s}.about-item:hover{background-size:100% 100%;transform:translateY(-5px)}.about-item img{margin:15px}.about-item h3{color:#fffacd;font-size:22px;font-weight:500;margin-bottom:10px;text-align:center}.about-item p{font-size:16px;font-weight:400;line-height:1.6;text-align:center}.about-intro,.about-item p{font-family:Roboto,sans-serif;font-family:var(--font-roboto)}.about-intro{border-radius:15px;color:#fff;color:var(--color-text);font-size:18px;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin-bottom:40px;margin-top:20px;max-width:100%;padding:30px;text-align:justify;transition:transform .3s ease,box-shadow .3s ease}.about-para{border-bottom:3px solid #fffacd;color:var(--highlight-color);font-size:26px;font-weight:700;margin-bottom:25px;padding-bottom:5px;text-align:center;text-transform:uppercase}.about-paragraph{animation:fadeIn 1s ease-out forwards;color:#fff;color:var(--color-text);font-size:18px;font-weight:400;line-height:1.8;margin-bottom:20px;opacity:0;padding:10px;text-shadow:1px 1px 3px #0003;transition:color .3s ease,transform .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-paragraph:hover{color:#fffacd;transform:scale(1.02);transition:all .3s ease}.span1{text-wrap:balance;color:#fff;display:block;font-size:.95rem;font-weight:300;line-height:1.5;margin-top:8px;text-align:center}@media screen and (max-width:830px){.about-container{background-color:initial;padding-left:0;padding-right:0}.about-title{text-align:center}.about-content{flex-direction:column}.about-img{display:none}.about-item{padding-left:0;padding-right:0}.about-items{gap:20px;grid-template-columns:1fr}.about-intro{-webkit-hyphens:auto;hyphens:auto}}.container{margin-left:10%;margin-right:10%;margin-top:79px}.container,.title{color:#fff;color:var(--color-text)}.title{margin-bottom:60px;text-align:center}.content{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:14px}.skills{display:flex;flex-wrap:wrap;gap:37px;width:45%}.skill{flex-direction:column;gap:11px}.skill,.skill-image{align-items:center;display:flex}.skill-image{background-color:#19376d;background-color:var(--color-secondary);border-radius:100%;height:120px;justify-content:center;width:120px}.skill-image img{transition:box-shadow .3s ease;width:75px}.skill-image:hover img{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.skil p{font-family:Roboto,sans-serif;font-family:var(--font-roboto);font-size:25px;font-weight:500}.history{display:flex;flex-direction:column;gap:40px;width:45%}.history-item{align-items:center;background:#19376d;background:linear-gradient(90deg,#19376d,#19376d00);border-radius:10px;display:flex;flex-direction:row;gap:17px;padding:25px}.history-item img{border-radius:3px;height:180px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:139px}.history-item img:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.history-item-details{font-family:Roboto,sans-serif;font-family:var(--font-roboto);letter-spacing:1px;margin:5px}.history-item-details h3{font-size:30px;font-weight:500}.history-item-details p{font-size:20px;font-weight:300}.history-item-details ul{font-size:22.5px;list-style-position:inside;list-style-type:disc;margin-bottom:10px;margin-left:17px;margin-top:6px}.head1{font-family:Roboto,sans-serif;font-family:var(--font-roboto);letter-spacing:1.7px;margin-bottom:7px}.head2{margin-bottom:10px}@media screen and (max-width:830px){.content{align-items:center;flex-direction:column}.content,.skills{justify-content:center}.skills{flex-direction:row;width:100%}.history{gap:9px;width:100%}.history-item{margin-top:30px}}#projects{color:#fff;color:var(--color-text);margin-left:10%;margin-right:10%;margin-top:76px}.title{font-size:35px;font-weight:700;letter-spacing:2.95px;text-transform:uppercase}.projects{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:37px;width:100%}.container1{background:linear-gradient(180deg,#576cbc,#132a53);border-radius:10px;box-shadow:0 16px 14px 0 #04152d;display:flex;flex-direction:column;margin:px;max-width:345px;padding:18px 24px;transition:transform .5s ease,box-shadow .3s ease,background .3s ease}.container1:hover{background-size:100% 100%;box-shadow:0 20px 18px 0 #04152dcc;transform:translateY(-5px) scale(1.02)}.image{margin-bottom:26px}.title1{font-weight:700;letter-spacing:2.9px;text-align:center}.description1,.title1{font-size:25px;margin-bottom:7px}.description1{font-weight:400;-webkit-hyphens:auto;hyphens:auto;margin-top:6px}.skills1{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;list-style:none;margin-top:16px;width:100%}.skill1{background:#0b2447;background:var(--color-dark);border-radius:100px;font-size:25px;font-weight:400;padding:2px 22px}.links1{display:flex;justify-content:space-around;margin-top:26px;width:100%}.link1,button.link1{background-image:linear-gradient(90deg,#a5d7e86b,#fff0);background-repeat:no-repeat;background-size:0 100%;border-radius:100px;box-sizing:border-box;color:#fff;color:var(--color-text);font-size:30px;font-weight:600;max-width:100%;padding:1px 22px;text-decoration:none;transition:background-size .4s,transform .3s}.link1:hover,button.link1:hover{background-size:100% 100%;transform:translateY(-5px)}:root{--font-roboto:"Roboto"}.project-list-container{align-items:center;display:flex;overflow:hidden;padding:20px;position:relative;width:100%}.scroll-container{display:flex;gap:30px;overflow-x:hidden;padding:16px;scroll-behavior:smooth;width:100%}.scroll-container::-webkit-scrollbar{display:none}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-button{background:none;border:none;cursor:pointer;height:20px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .9s ease;width:50px;z-index:1}.scroll-button.left{left:10px;transform:rotate(180deg)}.scroll-button.right{right:10px}.arrow{cursor:pointer;height:120px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:transform .1s;width:80px}.arrow-bottom,.arrow-top{background-color:#6b0202;height:4px;left:-5px;position:absolute;top:50%;width:100%}.arrow-bottom:after,.arrow-top:after{background-color:#fff;content:"";height:100%;position:absolute;top:0;transition:all .25s}.arrow-top{transform:rotate(45deg);transform-origin:bottom right}.arrow-top:after{left:100%;right:0;transition-delay:0s}.arrow-bottom{transform:rotate(-45deg);transform-origin:top right}.arrow-bottom:after{right:100%}.arrow-bottom:after,.scroll-button:hover .arrow-top:after{left:0;transition-delay:.15s}.scroll-button:hover .arrow-bottom:after{right:0;transition-delay:0s}.scroll-button:active .arrow{transform:translateX(-50%) translateY(-50%) scale(.9)}@media screen and (max-width:830px){.arrow{height:60px;width:40px}.arrow-bottom,.arrow-top{height:2px}}:root{--color-text:#fff;--color-primary:#576cbc;--color-secondary:#19376d;--color-dark:#0b2447;--color-background:#04152d;--font-roboto:"Roboto",sans-serif}.Contact_container__i5QPE{background-color:#19376d;background-color:var(--color-secondary);color:#fff;color:var(--color-text);display:flex;flex-direction:row;gap:10px;justify-content:space-evenly;margin-top:120px;padding:58px 10%;width:100vw}@keyframes Contact_elegantEntrance__Imrzn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes Contact_elegantHover__pNtIX{0%{letter-spacing:4px;text-shadow:0 0 5px #576cbc;text-shadow:0 0 5px var(--color-primary)}to{letter-spacing:6px;text-shadow:0 0 10px #19376d;text-shadow:0 0 10px var(--color-secondary)}}.Contact_text__f8BPS h2{animation:Contact_elegantEntrance__Imrzn 1.2s ease-in-out;font-size:80px;font-weight:700;letter-spacing:4px;text-shadow:3px 2px 5px #576cbc;text-shadow:3px 2px 5px var(--color-primary);transition:letter-spacing .3s ease,text-shadow .3s ease}.Contact_text__f8BPS h2:hover{animation:Contact_elegantHover__pNtIX .5s ease-in-out forwards}.Contact_text__f8BPS p{font-size:40px;font-weight:400;letter-spacing:2px;line-height:1.5;margin:20px 0;text-shadow:2px 2px 5px #576cbc;text-shadow:2px 2px 5px var(--color-primary)}.Contact_links__e\+fgF{align-items:center;display:flex;flex-direction:column;gap:26px;list-style:none}.Contact_link__KTCz0{align-items:center;display:flex;gap:25px}.Contact_icon__pv8em{color:#04152d;color:var(--color-background);cursor:pointer;font-size:30px;transition:all .3s ease;vertical-align:middle}.Contact_icon__pv8em:hover{color:#fffacd;transform:scale(1.25)}.Contact_link__KTCz0 a{color:#fff;color:var(--color-text);font-size:30px;font-weight:400;letter-spacing:1.5px;text-decoration:none}@media screen and (max-width:830px){.Contact_container__i5QPE{flex-direction:column;gap:23px}.Contact_text__f8BPS{align-items:center;display:flex;flex-direction:column}.Contact_links__e\+fgF{align-items:center}@keyframes Contact_gradientShine__MEPke{0%{background-position:0}to{background-position:200%}}.Contact_text__f8BPS h2{-webkit-text-fill-color:#0000;animation:Contact_gradientShine__MEPke 3s linear infinite;background:linear-gradient(90deg,#576cbc,#19376d,#0b2447);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-dark));background-clip:text;-webkit-background-clip:text;background-size:200%;font-size:80px;font-weight:700;letter-spacing:4px}}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-ext-400-normal.5cec61a21cc20180fbe1.woff2) format("woff2"),url(/static/media/roboto-cyrillic-ext-400-normal.135d076fa32aa0b4d105.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-400-normal.a9e19870cf6c4b973427.woff2) format("woff2"),url(/static/media/roboto-cyrillic-400-normal.5d2930082227d172f62c.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-ext-400-normal.1df4abad55796d11a0c8.woff2) format("woff2"),url(/static/media/roboto-greek-ext-400-normal.16eb83b4a3b1ea994243.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-400-normal.2c32b1315be61477013a.woff2) format("woff2"),url(/static/media/roboto-greek-400-normal.160a791a8e4f46bca3cc.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-vietnamese-400-normal.d3f8e26d6c27de8102b6.woff2) format("woff2"),url(/static/media/roboto-vietnamese-400-normal.0dc97c66f9b542d6fa17.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-ext-400-normal.2eeae187764baf05867d.woff2) format("woff2"),url(/static/media/roboto-latin-ext-400-normal.27da5b36b6d3a16f53f4.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-400-normal.297d48e1b5a10c0831a9.woff2) format("woff2"),url(/static/media/roboto-latin-400-normal.047a7839f69b209db815.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(/static/media/outfit-latin-ext-400-normal.d686e869b41efb6c1f03.woff2) format("woff2"),url(/static/media/outfit-latin-ext-400-normal.bcad4dc76d21abb653fc.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:url(/static/media/outfit-latin-400-normal.8f48df74b0b71f7810ab.woff2) format("woff2"),url(/static/media/outfit-latin-400-normal.741bd8369a31b33122b4.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.4f83620c.css.map*/