@import"https://fonts.googleapis.com/css2?family=Datatype:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Moon+Dance&display=swap";html{scroll-behavior:smooth}:root{--bg-color: #0d0d12;--nav-link-color: #88889c;--nav-link-bg-color: transparent;--nav-link-hover-color: #e3e3ec;--nav-link-active-color: #11111a;--nav-link-active-bg-color: #d5d5de;--text-title-color: #ffffff;--text-color: #d8d8d8;--text-color-secondary: #a1a1a1;--lanyard-rope-bg-color: #1f202c;--lanyard-rope-border-color: #12121a;--lanyard-rope-node-color: #7a7c91;--lanyard-rope-text-color: #6a6aa6;--home-name-color: linear-gradient(45deg, #d3cb3a 40%, #fff 50%, #d3cb3a 60%);--home-contact-color: #0d0d12;--home-contact-bg-color: #d8d8d8;--home-contact-border-color: #d8d8d8;--tools-color: #839fc7;--tools-hover-color: #93bdf5;--tools-bg-color: #17171c;--tools-hover-bg-color: #2c2c3b;--tools-hover-border-color: #4f526f;--experience-duration-color: #d8a840;--experience-vertical-line-dot-glow-color: #cdd64e;--experience-vertical-line-dot-color: #868b41;--experience-vertical-line-color: linear-gradient(#868b41, transparent);--experience-tag-color: #9fa361;--experience-tag-bg-color: #17171c;--project-bg-color: linear-gradient(30deg, transparent, transparent, #1a1a37);--project-tag-border-color: #454452;--project-type-professional-color: #c86c64;--project-type-backend-color: #7f7faa;--contact-border-color: #36364b;--contact-bg-color: #1f1f2c;--contact-hover-border-color: #6d6d9e;--contact-hover-bg-color: #363651;--border-color: #353538;--profile-status: #9d9b6a;--bg-blur-circle-1: #8b8a9284;--scroll-progress-color: #d3cb3a;--redirect-link-color: #c0ed56;--button-profile-mobile-color: #d8d8d8;--button-profile-mobile-bg-color: #0d0d12;--button-profile-mobile-border-color: #353538;--button-profile-mobile-disable-color: #5e5c5c;--button-profile-mobile-disable-bg-color: #0d0d12;--button-profile-mobile-disable-border-color: #353538}[data-theme=light]{--bg-color: #ECECEC;--nav-link-color: #6F6F70;--nav-link-bg-color: transparent;--nav-link-hover-color: #18181B;--nav-link-active-color: #f4f4f4;--nav-link-active-bg-color: #2f2f32;--text-title-color: #18181B;--text-color: #2f2f32;--text-color-secondary: #2f2f32;--lanyard-rope-bg-color: #2f2f32;--lanyard-rope-border-color: #18181B;--lanyard-rope-node-color: #000000;--lanyard-rope-text-color: #ECECEC;--home-name-color: linear-gradient(45deg, #0D6EFD 40%, #fff 50%, #0D6EFD 60%);--home-contact-color: #ECECEC;--home-contact-bg-color: #2f2f32;--home-contact-border-color: #2f2f32;--tools-color: #18181B;--tools-hover-color: #000000;--tools-bg-color: #F1F5F9;--tools-hover-bg-color: #f4f4f4;--tools-hover-border-color: #a6a6b8;--experience-duration-color: #654cf0;--experience-vertical-line-dot-glow-color: #ffffff;--experience-vertical-line-dot-color: #CCCCCC;--experience-vertical-line-color: linear-gradient(#CCCCCC, transparent);--experience-tag-color: #9fa361;--experience-tag-bg-color: #17171c;--project-bg-color: #F1F5F9;--project-tag-border-color: #a6a6b8;--project-type-professional-color: #d34d41;--project-type-backend-color: #6d6db1;--contact-border-color: #bababa;--contact-bg-color: #F1F5F9;--contact-hover-border-color: #a6a6b8;--contact-hover-bg-color: #f4f4f4;--border-color: #D2D2D2;--profile-status: #428a3c;--bg-blur-circle-1: #8b8a9284;--scroll-progress-color: #0D6EFD;--redirect-link-color: #0D6EFD;--button-profile-mobile-color: #2f2f32;--button-profile-mobile-bg-color: #ECECEC;--button-profile-mobile-border-color: #D2D2D2;--button-profile-mobile-disable-color: #c1c1c8;--button-profile-mobile-disable-bg-color: #ECECEC;--button-profile-mobile-disable-border-color: #D2D2D2}body{margin:0;background-color:var(--bg-color);font-size:16px;font-family:Google Sans}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%}.app-content{width:100%;margin:0 auto;overflow:hidden}.app-footer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;padding:16pt;margin-top:20pt;color:var(--text-color-secondary);font-size:smaller}.app-header{position:fixed;display:flex;flex-direction:row;left:0;right:0;margin:10pt auto 0;align-items:center;justify-content:space-between;width:90%;height:42pt;background-color:var(--nav-link-bg-color);-webkit-backdrop-filter:blur(10pt);backdrop-filter:blur(10pt);border-radius:5px;border:1px solid var(--border-color);box-shadow:#00000026 0 2px 5px;z-index:10;overflow:hidden}.header-title{font-size:18px;padding-left:20pt}.header-title a{text-decoration:none;color:var(--nav-link-hover-color);-webkit-tap-highlight-color:transparent}.header-title a:hover{color:var(--nav-link-hover-color)}.header-navigation-icon-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;color:var(--nav-link-hover-color);padding-right:20pt}.icon-sun.animation,.icon-moon.animation{display:flex;animation:icon-theme-animation 1s ease}@keyframes icon-theme-animation{0%{transform:translateY(40px) rotate(0)}40%{transform:translateY(-10px) rotate(120deg)}60%{transform:translateY(0) rotate(0)}70%{transform:translateY(-2px)}75%{transform:translateY(0)}}.icon-moon:hover,.icon-sun:hover{-webkit-tap-highlight-color:transparent;cursor:pointer}.icon-toggle-nav-mobile{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap}.header-navigation-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;padding:7pt}.nav-item{display:flex;flex-direction:row;flex-wrap:nowrap;padding:8pt 12pt;margin:0 3pt;border-radius:5px;text-decoration:none;color:var(--nav-link-color);transition:all .3s ease;-webkit-tap-highlight-color:transparent}.nav-item:hover{color:var(--nav-link-hover-color)}.nav-item.active{color:var(--nav-link-active-color);background-color:var(--nav-link-active-bg-color)}@media(min-width:861px){.app-header-mobile,.icon-toggle-nav-mobile,.icon-lanyard{display:none}}@media(max-width:860px){.app-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-navigation-wrapper{display:none}.icon-toggle-nav-mobile:hover{cursor:pointer}.app-header-mobile{position:fixed;right:0;margin-top:63pt;margin-right:-2pt;z-index:9;transform:translate(125px)}.nav-item-mobile{display:block;border:1px solid var(--border-color);padding:7pt 20pt 7pt 10pt;color:var(--nav-link-color);-webkit-backdrop-filter:blur(12pt);backdrop-filter:blur(12pt);margin-bottom:7pt;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:#00000026 0 2px 5px;transition:color .3s ease}.app-header-mobile a{text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item-mobile:hover{color:var(--nav-link-hover-color)}.nav-item-mobile.active{background-color:var(--nav-link-active-bg-color);color:var(--nav-link-active-color)}.icon-lanyard{display:flex}.icon-lanyard:hover{cursor:pointer;-webkit-tap-highlight-color:transparent}}.main-content-space-top{scroll-padding-top:50pt;padding-top:70pt}.main-content-space{scroll-margin-top:50pt}.main-content-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;padding:0 7pt 50pt;color:var(--text-color);margin:0 auto}.main-content-title{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;padding:10pt;font-size:30px;font-family:Geist;font-weight:bolder;color:var(--text-title-color);text-align:center;z-index:2}.main-content-description{color:var(--text-color-secondary);text-align:center;margin-bottom:20px;z-index:2}@media(max-width:680px){.main-content-container{margin-bottom:25px}}.content-home-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:30px;padding-bottom:35px;width:90%}.content-home-description{display:flex;flex-direction:column;flex-wrap:nowrap;margin:30px 0}.home-hi{margin-top:10px;font-size:18px;color:var(--text-color-secondary)}.home-name{font-size:60px;text-indent:-5px;font-family:Roboto;font-weight:700;background:var(--home-name-color);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:home-name-animation 10s infinite ease-out}@keyframes home-name-animation{0%{background-position:130%}12%{background-position:130%}19%{background-position:-50%}to{background-position:-50%}}.home-title{font-size:40px;font-family:Datatype;color:var(--text-title-color)}.home-description{margin-top:15px;color:var(--text-color-secondary)}.content-home-icon{margin-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}.content-home-icon-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;width:150px;height:50px;border-radius:5px;transition:all .3s ease}.content-home-icon-item.contact{border:1px solid var(--home-contact-border-color);color:var(--home-contact-color);background-color:var(--home-contact-bg-color)}.content-home-icon-item.contact:hover{cursor:pointer;transform:scale(1.05)}.content-home-icon-item.contact .icon-contact,.content-home-icon-item.resume .icon-resume{transition:all .3s ease}.content-home-icon-item.contact:hover .icon-contact,.content-home-icon-item.resume:hover .icon-resume{transform:scale(1.4) translate(-2px)}.content-home-icon-item.resume{border:1px solid var(--border-color);color:var(--text-color)}.content-home-icon-item.resume:hover{cursor:pointer;transform:scale(1.05)}@media(max-width:860px){.content-home-container{flex-direction:column}}.content-home-lanyard-responsive{display:none}.content-home-lanyard{width:400px}.lanyard-container{display:flex;flex-direction:column;margin-top:-110px;perspective:1000px;width:fit-content;touch-action:none}.lanyard-hanger{transform-origin:top center;will-change:transform;display:flex;flex-direction:column;align-items:center}.lanyard-rope{width:20px;height:200px;background-color:var(--lanyard-rope-bg-color);border:1px solid var(--lanyard-rope-border-color);z-index:1;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.lanyard-rope:after{content:"";position:absolute;width:21.5px;height:16px;margin-left:-1px;margin-top:130px;background-color:var(--lanyard-rope-node-color)}.lanyard-rope span{position:absolute;margin-left:2.5px;color:var(--lanyard-rope-text-color);font-size:14.5px;font-family:Moon Dance;writing-mode:vertical-rl}.lanyard-card{margin-top:-13.5px}.lanyard-card svg{transform-origin:top center;will-change:transform}@media(max-width:860px){.content-home-lanyard{display:none}.content-home-lanyard-responsive{display:flex;flex-direction:column;left:0;right:0;margin:-400px auto 0;width:fit-content;position:fixed;z-index:3}}.status-profile-wrapper-responsive{display:none}.status-profile-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px;padding:3pt 10pt 3pt 12pt;color:var(--profile-status);font-size:smaller}.dot-container{display:inline-block;position:relative;width:6pt;height:6pt}.dot{background-color:var(--profile-status);border-radius:50%;width:6pt;height:6pt}.dot-pulse-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot-pulse{position:relative;vertical-align:middle;border:1pt solid var(--profile-status);border-radius:50%;height:9pt;width:9pt;opacity:1;animation:dot-pulse-animation 1s ease-out;animation-iteration-count:infinite;opacity:0}@keyframes dot-pulse-animation{0%{transform:scale(.1);opacity:1}50%{opacity:1}to{-webkit-transform:scale(1.2,1.2);opacity:0}}@media(max-width:860px){.status-profile-wrapper{display:none}.status-profile-wrapper-responsive{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px;padding:3pt 10pt 3pt 12pt;color:var(--profile-status);font-size:smaller}}.tools-title{display:flex;flex-direction:row;justify-content:center;opacity:.9;padding:5pt 0;color:var(--text-color-secondary);font-size:10px;font-style:italic;z-index:2}.tools-item-wrapper{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;z-index:2}.tools-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;justify-content:center;font-family:Google Sans Code;color:var(--tools-color);background-color:var(--tools-bg-color);border:1px solid var(--border-color);border-radius:30pt;padding:7pt 10pt;margin:0 5pt 10pt;transition:all .3s ease}.tools-item:hover{color:var(--tools-hover-color);background-color:var(--tools-hover-bg-color);border:1px solid var(--tools-hover-border-color);box-shadow:#00000026 0 2px 5px}.tools-item img{transition:all .3s ease}.tools-item:hover img{transform:rotate(-20deg)}.shape-tools{position:absolute;bottom:0;margin-bottom:8px;background-color:#be37b3;height:5px;width:50px}.experience-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:20px;width:95%}.experience-item-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:20px;width:90%;margin-top:15pt;transition:all .3s ease}.experience-left-container{display:flex;flex-direction:column;flex-wrap:nowrap;gap:15px;width:25%}.experience-vertical-line-mobile{display:none}.experience-vertical-line-desktop{position:relative;background:var(--experience-vertical-line-color);width:3px}.experience-vertical-line-dot-desktop{background-color:var(--experience-vertical-line-dot-glow-color);border:6px double var(--experience-vertical-line-dot-color);border-radius:12px;width:12px;height:12px;position:absolute;margin-top:10px;margin-left:-10.5px;box-shadow:var(--experience-vertical-line-dot-glow-color) 0 0 35px 5px}.experience-right-container{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;width:75%}.experience-title{color:var(--text-title-color);font-weight:700;font-size:larger;margin-top:10px;margin-left:10px}.experience-duration{font-size:40px;font-weight:bolder;font-family:Geist;color:var(--experience-duration-color)}.experience-place{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;text-align:right;gap:3px;font-weight:700}.experience-place span{font-weight:400;font-size:12px;font-style:italic}.experience-location{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:end;gap:5px;color:var(--text-color-secondary)}.experience-item-wrapper ul{margin-top:0}.experience-item-wrapper ul span{color:var(--experience-tag-color);background-color:var(--experience-tag-bg-color)}.txt-exp{z-index:-1;color:var(--bg-color);background-color:#3f44a2;padding:0 5px;transform:scale(1.15) translateY(-3px)}@media(max-width:860px){.experience-item-wrapper{flex-direction:column;position:relative;padding-left:25px}.experience-vertical-line-desktop{display:none}.experience-vertical-line-mobile{display:flex;width:3px;height:100%;background:var(--experience-vertical-line-color);position:absolute;margin-left:-26px}.experience-vertical-line-dot-mobile{background-color:var(--experience-vertical-line-dot-glow-color);border:6px double var(--experience-vertical-line-dot-color);border-radius:12px;width:12px;height:12px;position:absolute;margin-top:10px;margin-left:-10.5px;box-shadow:var(--experience-vertical-line-dot-glow-color) 0 0 35px 5px}.experience-left-container{width:auto}.experience-vertical-line{display:none}.experience-right-container{width:auto}.experience-title{margin-top:0;margin-left:0}.experience-duration{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:12px;font-size:20px}.experience-place{text-align:left}.experience-location{justify-content:start}}.project-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;width:95%}.project-item-wrapper{display:flex;flex-direction:column;gap:5px;width:50%;background:var(--project-bg-color);border:1px solid var(--border-color);border-radius:5px;padding:15pt;margin-top:15pt;transition:box-shadow .3s ease}.project-item-wrapper:hover{box-shadow:#00000026 0 2px 5px}.project-item-wrapper ul{padding-left:10px;color:var(--text-color)}.project-item-wrapper li{margin-left:14pt}.project-title{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;position:relative;margin-bottom:10px;color:var(--text-title-color);font-weight:700;font-size:large}.project-type-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center;font-weight:700;font-size:smaller;margin-bottom:10px}.project-type-professional{color:var(--project-type-professional-color)}.project-type-backend{color:var(--project-type-backend-color)}.project-description{color:var(--text-color)}.project-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.project-tags span{font-family:Google Sans Code;font-size:11px;color:var(--text-color-secondary);border:1px solid var(--project-tag-border-color);border-radius:20px;padding:3px 10px}.txt-pro{z-index:-1;padding:0 5px;color:var(--bg-color);background-color:var(--text-color);transform:rotate(-10deg) translate(5px)}@media(max-width:860px){.project-container{flex-direction:column}.project-item-wrapper{width:auto}}.content-contact-container{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:4pt}.contact-wrapper-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.contact-item-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;transition:color .3s ease,background-color .3s ease,border .3s ease,box-shadow .3s ease;color:var(--text-color-secondary);background-color:var(--contact-bg-color);border:1px solid var(--contact-border-color);border-radius:10px;width:300px}.contact-item-wrapper.linkedin,.contact-item-wrapper.github,.contact-item-wrapper.instagram{width:120px}.contact-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.contact-icon-wrapper img,.contact-icon{width:100%;height:100%;color:var(--text-color)}.arrow-up-right{position:absolute;right:8px;top:8px}.contact-item-wrapper:hover{color:var(--text-color);background-color:var(--contact-hover-bg-color);border:1px solid var(--contact-hover-border-color);cursor:pointer;box-shadow:#00000026 0 2px 5px}.contact-item-wrapper .arrow-up-right,.contact-item-wrapper .contact-icon-wrapper,.contact-item-wrapper .contact-link span{transition:all .3s ease}.contact-item-wrapper:hover .arrow-up-right{transform:translate(3px) translateY(-3px)}.contact-item-wrapper:hover .contact-icon-wrapper{transform:scale(1.2)}.contact-item-wrapper:hover .contact-link span{transform:scale(.7)}.contact-link{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;align-items:center;justify-content:center;padding:10pt 0}.contact-information{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;color:var(--text-color-secondary);margin-bottom:10px;font-size:14px}.contact-copy-link{display:flex;padding:3px;border:1px solid var(--contact-border-color);border-radius:5px;cursor:pointer;transition:all .3s ease}.contact-copy-link:hover{color:var(--text-color);-webkit-tap-highlight-color:transparent}.txt-me{z-index:-1;color:var(--bg-color);background-color:#bf3c3c;padding:0 5px;transform:rotate(30deg)}.popup-redirect-bg.hide{display:none}.popup-redirect-bg{-webkit-backdrop-filter:blur(4pt);backdrop-filter:blur(4pt);position:fixed;z-index:99;inset:0;display:flex;justify-content:center;align-items:center}.popup-redirect{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:10px;text-align:center;margin:10px;padding:25px;background-color:var(--bg-color);border:1.5px solid var(--border-color);border-radius:5px;color:var(--text-color)}.popup-redirect-link{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;text-decoration:none;color:var(--redirect-link-color);-webkit-tap-highlight-color:transparent}.popup-redirect-link .link-icon{transition:all .3s ease}.popup-redirect-link:hover .link-icon{transform:translate(10px)}.popup-redirect-close{margin-top:20px;font-size:small;color:var(--text-color-secondary)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background-color:var(--scroll-progress-color);transform:scaleX(0);transform-origin:left;z-index:99}.bg-blur-circle{position:fixed;width:100px;height:700px;background:var(--bg-blur-circle-1);border-radius:50%;filter:blur(50px);z-index:-1;transform:rotate(125deg);margin-top:-120pt}.bg-siderays{position:fixed;height:100%;width:100%;z-index:-1}.star-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.star{position:absolute;background:#646172;border-radius:50%;opacity:0;animation:twinkle infinite ease-in-out}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.scroll-direction{display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:center;align-items:center;z-index:10;width:100%;height:40px;font-size:small;color:var(--text-color);background-color:var(--bg-color);opacity:.96;position:fixed;bottom:0}.scroll-icon{display:flex;flex-direction:row}.scroll-icon,.scroll-text{animation:scroll-direction-animation 2s infinite ease-in-out}@keyframes scroll-direction-animation{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.side-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.main-content-container .tools{overflow:hidden}.tools-bg-icon-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;position:absolute;left:0;width:11%;height:11%}.tools-bg-icon{opacity:.03;filter:grayscale()}.show-canvas-game{z-index:50;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:3px;position:fixed;bottom:0;right:0;width:35px;height:35px;font-family:Datatype;font-size:12px;margin-bottom:20px;margin-right:20px;padding:10px;background:var(--button-profile-mobile-bg-color);border:1px solid #c53d3d;border-radius:5px;color:#c53d3d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.show-canvas-game.disable{color:#8a8a8a;border:1px solid #8a8a8a}.show-canvas-game:hover{box-shadow:#00000026 0 2px 5px}.game-score{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:2px}.score{display:flex;flex-direction:row;flex-wrap:nowrap}