@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,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-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.block{display:block}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}:root{--primary-color:#dad8d6;--secondary-color:#53917e;--black-color:#333;--gray-color:#63535b;--lightGray-color:#e4e4e4;--brown-color:#6d1a36;--white-color:#fff}.app__flex{justify-content:center;align-items:center;display:flex}.head-text{text-align:center;color:var(--black-color);text-transform:capitalize;font-size:2.75rem;font-weight:800}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{text-align:left;color:var(--gray-color);font-size:.8rem;line-height:1.5}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);text-align:left;font-size:1rem;font-weight:800}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app{background-color:var(--primary-color);font-family:DM Sans,sans-serif}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{flex-direction:row;width:100%;min-height:100vh;display:flex}.app__wrapper{flex-direction:column;flex:1;width:100%;padding:4rem 2rem}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;padding:2rem 0 0;display:flex}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text span{color:var(--secondary-color)}.app__social{z-index:100;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:2rem;left:2rem}.app__social .social_icons{flex-direction:column;align-items:center;display:flex}.app__social .social_icons div{background-color:var(--white-color);border:1px solid var(--lightGray-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:.25rem 0;transition:all .3s ease-in-out;display:flex}.app__social .social_icons div a{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app__social .social_icons div svg{width:15px;height:15px;color:var(--gray-color);transition:all .3s ease-in-out}.app__social .social_icons div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social .social_icons div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social .social_icons div{width:70px;height:70px;margin:.5rem 0}.app__social .social_icons div svg{width:30px;height:30px}}.app__social .mobile_toggle{display:none}.app__navigation{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;width:10px;height:10px;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (max-width:500px){.app__navigation{display:none}.app__social{padding:0;bottom:1rem;left:1rem}.app__social .social_icons{flex-direction:column-reverse;margin-bottom:.5rem;display:none}.app__social.expanded .social_icons{display:flex}.app__social .mobile_toggle{background-color:var(--secondary-color);width:40px;height:40px;color:var(--white-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 10px #0000001a}.app__social .mobile_toggle svg{width:15px;height:15px}.copyright{padding:2rem}}.app__navbar{-webkit-backdrop-filter:blur(4px);z-index:2;background:#ffffff40;border:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:90px;height:auto}@media screen and (min-width:2000px){.app__navbar-logo img{width:180px;height:auto}}.app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);text-transform:uppercase;flex-direction:column;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color)}.app__navbar-menu div{z-index:5;background:url(../media/bgWhite.b2cfa413.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:80%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.5rem 1rem}.app__navbar-menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.app__navbar-menu div,.app__navbar-menu{display:none}}.app__about{flex-direction:column;flex:1;width:100%}.app__profiles{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:2rem;display:flex}.app__profile-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:190px;margin:2rem;display:flex}.app__profile-item img{object-fit:cover;border-radius:15px;width:100%;height:170px}@media screen and (min-width:2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}.app__footer{flex-direction:column;flex:1;width:100%}@media screen and (max-width:768px){.app__footer{flex-direction:column}}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:60%;margin:4em 2rem 2rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:#fef4f5;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;min-width:290px;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:500}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px #fef4f5}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:#f2f7fb}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 25px #f2f7fb}.app__footer-form{flex-direction:column;width:60%;margin:1rem 2rem}.app__footer-form div{cursor:pointer;background-color:var(--primary-color);border-radius:10px;width:100%;margin:.75rem 0;transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);width:100%;font-family:var(--font-base);color:var(--secondary-color);border:none;border-radius:7px;outline:none;padding:.95rem}.app__footer-form div textarea{height:170px}.app__footer-form div:hover{box-shadow:0 0 25px var(--primary-color)}.app__footer-form button{background-color:var(--secondary-color);color:var(--white-color);font-weight:500;font-family:var(--font-base);cursor:pointer;border:none;border-radius:10px;outline:none;margin:2rem 0 0;padding:1rem 2rem;transition:all cubic-bezier(.55,.085,.68,.53)}.app__footer-form button:hover{background-color:#957fef}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}#home{background:url(../media/bgIMG.4739d229.png) 50%/cover;position:relative}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex-direction:row;flex:1;width:100%;height:100%;padding:6rem 2rem 0}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column}}@media screen and (max-width:450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{flex-direction:column;flex:.65;justify-content:flex-start;align-items:flex-start;height:100%;margin:0 2rem;display:flex}@media screen and (max-width:1200px){.app__header-info{width:100%;margin-right:0}}.app__header-badge{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{background:var(--white-color);border-radius:15px;flex-direction:row;width:auto;padding:1rem 2rem;box-shadow:0 0 20px #0000001a}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-transform:uppercase;text-align:right;width:100%}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{justify-content:flex-start;align-items:flex-start}}.app__header-circles{flex-direction:column;flex:.75;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem;display:flex}.app__header-circles div{background:var(--white-color);border-radius:50%;width:100px;height:100px;box-shadow:0 0 20px #0000001a}.app__header-circles div img{width:60%;height:60%}.app__header-circles div:first-child{width:100px;height:100px}.app__header-circles div:nth-child(2){width:150px;height:150px;margin:1.75rem}.app__header-circles div:nth-child(3){width:70px;height:70px}@media screen and (min-width:2000px){.app__header-circles div:nth-child(2){width:400px;height:400px}.app__header-circles div:nth-child(3){width:170px;height:170px}.app__header-circles div:first-child{width:200px;height:200px}}@media screen and (max-width:1200px){.app__header-circles{flex-flow:wrap;width:100%;margin-left:0}.app__header-circles div{margin:1rem}}.app__header-img{flex:1;justify-content:flex-end;align-items:flex-end;height:100%;display:flex;position:relative}.app__header-img img{object-fit:contain;z-index:1;width:100%}.app__header-img .overlay_circle{z-index:0;width:100%;height:90%;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:1200px){.app__header-img{margin:2rem 0}}.app__recommendations{flex-direction:column;flex:1;width:100%}.app__recommendation-item{background-color:var(--white-color);border-radius:15px;flex-direction:row;width:80%;min-height:320px;padding:2rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 30px #0000001a}@media screen and (min-width:2000px){.app__recommendation-item{min-height:450px}}@media screen and (max-width:850px){.app__recommendation-item{width:100%}}@media screen and (max-width:600px){.app__recommendation-item{flex-direction:column}}.app__recommendation-profile{flex-direction:column;flex:0 0 30%;align-items:center;padding-right:2rem;display:flex}.app__recommendation-profile img{object-fit:cover;border-radius:50%;width:150px;height:150px;margin-bottom:1rem}@media screen and (min-width:2000px){.app__recommendation-profile img{width:200px;height:200px}}@media screen and (max-width:600px){.app__recommendation-profile{padding-bottom:2rem;padding-right:0}}.app__recommendation-info{text-align:center}.app__recommendation-info h4{color:var(--secondary-color);margin-bottom:.5rem;font-weight:600}.app__recommendation-info p{color:var(--gray-color);margin:0;font-size:.9rem;line-height:1.5}.app__recommendation-info p.relationship{color:var(--secondary-color);margin-top:.5rem;font-style:italic}.app__recommendation-content{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.app__recommendation-content .feedback-content{margin:1rem 0}.app__recommendation-content .feedback-content p{color:var(--black-color);font-size:1.1rem;line-height:1.8rem;font-family:var(--font-base);margin-bottom:1rem;font-style:normal}@media screen and (min-width:2000px){.app__recommendation-content .feedback-content p{font-size:1.75rem;line-height:3rem}}.app__recommendation-content .feedback-content p:last-child{margin-bottom:0}.app__recommendation-content .feedback-content p em{color:var(--secondary-color);font-style:italic;font-weight:500}.app__recommendation-content .feedback-content .blockquote{border-left:4px solid var(--secondary-color);color:var(--gray-color);margin-left:0;padding-left:1rem;font-style:italic}.app__recommendation-content .feedback-content strong{font-weight:600}.app__recommendation-content .feedback-content em{font-style:italic}.app__recommendation-content .quote-icon{color:var(--secondary-color);opacity:.5;font-size:2rem}.app__recommendation-content .quote-icon.left{align-self:flex-start}.app__recommendation-content .quote-icon.right{align-self:flex-end}.app__recommendation-btns{flex-direction:row;margin-top:1rem}.app__recommendation-btns div{background-color:var(--white-color);cursor:pointer;border-radius:50%;width:50px;height:50px;margin:1rem;transition:all .3s ease-in-out}.app__recommendation-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__recommendation-btns div:hover{background-color:var(--secondary-color)}.app__recommendation-btns div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__recommendation-btns div{width:100px;height:100px}.app__recommendation-btns div svg{width:45px;height:45px}}.app__skills{flex-direction:column;flex:1;width:100%}.app__skills-container{flex-direction:row;width:80%;margin-top:3rem;display:flex}@media screen and (max-width:900px){.app__skills-container{flex-direction:column;width:100%}}.app__skills-list{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:flex-start;margin-right:5rem;display:flex}@media screen and (max-width:900px){.app__skills-list{justify-content:center;align-items:center;margin-right:0}}.app__skills-item{text-align:center;flex-direction:column;margin:1rem;transition:all .3s ease-in-out}.app__skills-item div{background-color:#fef4f5;border-radius:50%;width:90px;height:90px}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width:450px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{margin-top:.5rem;font-weight:500}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);margin-top:5px;font-weight:400}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{background-color:var(--white-color)!important;max-width:300px!important;color:var(--gray-color)!important;text-align:left!important;opacity:1!important;border-radius:5px!important;padding:1rem!important;line-height:1.5!important;box-shadow:0 0 25px #0000001a!important}@media screen and (min-width:2000px){.skills-tooltip{max-width:500px!important;font-size:1.75rem!important;line-height:2!important}}.skills-tooltip ul,.skills-tooltip ol{margin-bottom:1rem;padding-left:1.5rem}.skills-tooltip li{margin-bottom:.5rem}.app__works{flex-direction:column;flex:1;width:100%}.app__work-filter{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:2rem;display:flex}.app__work-filter .app__work-filter-item{color:#000;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem;font-weight:800;transition:all .3s}.app__work-filter .app__work-filter-item:hover,.app__work-filter .app__work-filter-item.item-active{background-color:var(--secondary-color);color:#fff}.app__work-portfolio{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.app__work-portfolio .app__work-item{color:#000;cursor:pointer;background-color:#fff;border-radius:.5rem;flex-direction:column;width:270px;margin:2rem;padding:1rem;transition:all .3s}.app__work-portfolio .app__work-item:hover{box-shadow:0 0 25px #0003}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;width:470px;padding:1.25rem}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}@media screen and (min-width:2000px){.app__work-img{height:350px}}.app__work-content{flex-direction:column;width:100%;padding:.5rem;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content .app__work-tag{background-color:#fff;border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}.app__work-content .work-description{margin-top:1rem}.app__work-content .work-description ul,.app__work-content .work-description ol{margin-bottom:1rem;padding-left:1.5rem}.app__work-content .work-description li{margin-bottom:.5rem}