@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.app__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;z-index:2;transition:all .3s ease}.navbar-float{background-color:var(--white-color);box-shadow:0 0 20px #0003}.app__navbar-logo{display:flex;justify-content:center;align-items:center}.app__navbar-logo img{width:90px;height:20px}@media screen and (min-width: 2000px){.app__navbar-logo{width:180px;height:40px}}.app__navbar-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin:0 1rem;cursor:pointer}.app__navbar-links li a{color:var(--gray-color);margin:5px 0;text-decoration:none;text-transform:uppercase;font-weight:600;transition:all .3s ease-in-out}.app__navbar-links li a:after{display:block;content:"";border-bottom:1px solid var(--secondary-color);transform:scaleX(0);transition:transform .25s ease-in-out;transform-origin:100% 50%}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li a:hover:after{transform-origin:0% 50%;transform:scaleX(1)}@media screen and (max-width: 900px){.app__navbar-links{display:none}}.active a{color:var(--secondary-color)!important;font-weight:800}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color)}.app__navbar-menu svg{color:var(--white-color);width:70%;height:70%}.app__navbar-menu div{position:fixed;top:0;bottom:0;right:0;z-index:5;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:url(/assets/bgWhite-D_34Umbb.png);background-color:var(--white-color);background-size:cover;background-repeat:repeat;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.1rem 1rem}.app__navbar-menu div ul{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;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{display:none}}@media screen and (min-width: 900px){.app__navbar-menu{display:none}}.app__footer{width:100%;justify-content:space-between!important;align-items:center;padding:1rem 2rem;background-color:#2f2e41}@media screen and (max-width: 500px){.app__footer{flex-direction:column}}@media screen and (min-width: 2000px){.app__footer{padding:2rem}}.app__footer-contacts{flex-direction:row;margin-left:2rem}.app__footer-contacts div{transition:all .25s ase-in-out;margin:.5rem;border-radius:50%;width:40px;height:40px;border:1px solid var(--white-color)}.app__footer-contacts div a{width:100%;height:100%}.app__footer-contacts div a svg{width:20px;height:20px;color:var(--white-color)}.app__footer-contacts div:hover{background-color:var(--white-color)}.app__footer-contacts div:hover svg{color:#2f2e41}@media screen and (max-width: 500px){.app__footer-contacts{margin-left:0;margin-bottom:.5rem}.app__footer-contacts div{width:30px;height:30px}.app__footer-contacts div a svg{width:15px;height:15px}}@media screen and (min-width: 2000px){.app__footer-contacts div{width:50px;height:50px}.app__footer-contacts div svg{width:25px;height:25px}}.app__footer-copyrights{margin-right:2rem}.app__footer-copyrights p{text-align:center;text-transform:uppercase;margin:.25rem 0}@media screen and (max-width: 500px){.app__footer-copyrights{margin-right:0}}.app__about{flex:1;flex-direction:column;width:100%}.marqueeImgs{border-radius:30px;width:100px;height:100px;flex:0 0 100px;object-fit:cover}@media screen and (max-width: 600px){.marqueeImgs{width:50px;height:50px;flex-basis:50px}}.MyMarquee{display:flex;align-items:center;justify-content:center;flex:0 1 100%;width:100%;max-width:100%;min-width:0;overflow:hidden}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app__about-context{width:100%;flex:1;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start;margin-top:2rem;padding:1rem}@media screen and (max-width: 1000px){.app__about-context{width:80%;flex-direction:column}}.app__about-img div{background:linear-gradient(#6b768859,#fff);width:200px;height:200px;border-radius:50%;position:relative}.app__about-img div img{position:absolute;bottom:1.2rem;max-width:100%;max-height:100%;box-sizing:border-box;object-fit:cover;transform:scale(1.2)}@media screen and (max-width: 768px){.app__about-img{width:80%}}@media screen and (max-width: 300px){.app__about-img div{width:150px;height:150px}}.app__about-data{width:100%;margin:2rem;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important}.app__about-data h2{margin-bottom:1rem;font-size:1.5rem}.app__about-data p{text-align:left;font-size:1rem;font-family:var(--font-base)}.app__about-data p span{font-weight:800;color:var(--secondary-color)}@media screen and (max-width: 1000px){.app__about-data div:nth-child(3){width:100%;display:flex;justify-content:center;align-items:center}}.app__profiles{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:1rem}.app__profile-item{width:190px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:2rem}.app__profile-item img{width:100%;height:170px;object-fit:cover;border-radius:15px}@media screen and (min-width: 2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}.Marquee{display:flex;flex:0 1 100%;width:100%;max-width:100%;min-width:0;overflow:hidden;contain:inline-size;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.MarqueeTrack{display:flex;width:max-content}.MarqueeCards{display:flex;flex-shrink:0;width:max-content;align-items:center}.app__contact{flex:1;width:100%;flex-direction:column}.app__contact-cards{width:60%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin:4rem 2rem 2rem}.app__contact-cards .app__contact-card{min-width:290px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0;padding:1rem;border-radius:10px;cursor:pointer;background-color:var(--primary-color);transition:all .3s ease-in-out}.app__contact-cards .app__contact-card img{width:40px;height:40px;margin:0 .7rem}.app__contact-cards .app__contact-card p{font-weight:600}.app__contact-cards .app__contact-card a{text-decoration:none;font-weight:500}.app__contact-cards .app__contact-card:hover{box-shadow:0 0 25px #fef4f5}@media screen and (max-width: 450px){.app__contact-cards .app__contact-card{min-width:0px;width:100%}.app__contact-cards .app__contact-card img{margin:0 .5rem;width:35px;height:35px}}@media screen and (max-width: 768px){.app__contact-cards{width:100%}}.app__contact-cards .app__contact-card:last-child{background-color:#f2f7fb}.app__contact-form{width:60%;flex-direction:column;margin:1rem 2rem}.app__contact-form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;background-color:var(--primary-color);transition:all .3s ease-in-out}.app__contact-form div input,.app__contact-form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;background-color:var(--primary-color);font-family:var(--font-base);color:var(--secondary-color)!important;outline:none}.app__contact-form div textarea{height:170px}.app__contact-form div:hover{box-shadow:0 0 25px var(--primary-color)}@media screen and (max-width: 768px){.app__contact-form{width:100%;margin:1rem 0}}#home{position:relative;background:url(/assets/bgIMG-BZ6IIfbK.png);background-repeat:repeat;background-size:cover;background-position:center}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex:1;width:100%;height:100%;flex-direction:row;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:.65;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%}@media screen and (max-width: 2000px){.app__header-info{width:100%;margin-right:0rem}}.app__header-badge{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{padding:1rem 2rem;border:var(--white-color);border-radius:15px;flex-direction:row;width:auto;box-shadow:0 0 20px #0000001a;color:red}.app__header-badge .badge-cmp .head-text{font-size:medium}.app__header-badge .tag-cmp{margin-top:3rem;align-items:center}.app__header-badge .tag-cmp p{width:100%;text-transform:uppercase;text-align:right;color:var(--secondary-color);font-weight:700}.app__header-badge .tag-cmp span{color:var(--secondary-color)}.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:.75;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem}.app__header-circles div{width:100px;height:100px;border-radius:50%;background-color:var(--white-color);box-shadow:0 0 20px #0000001a}.app__header-circles div img{width:60%;height:60%;object-fit:contain;pointer-events:none}.app__header-circles div:nth-child(1){width:100px;height:100px}.app__header-circles div:nth-child(2){margin:1.75rem;width:150px;height:150px}.app__header-circles div:nth-child(3){width:100px;height:100px}@media screen and (min-width: 2000px){.app__header-circles div:nth-child(1){width:400px;height:400px}.app__header-circles div:nth-child(2){margin:1.75rem;width:250px;height:250px}.app__header-circles div:nth-child(3){width:200px;height:200px}}@media screen and (max-width: 1200px){.app__header-circles{width:100%;flex-direction:row;flex-wrap:wrap;margin-left:0}.app__header-circles div{margin:1rem}}.app__header-img{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;position:relative}.app__header-img img{width:100%;object-fit:contain;z-index:1}.app__header-img .overlay_circle{position:absolute;left:0;right:0;bottom:0;z-index:0;width:100%;height:90%}@media screen and (max-width: 1200px){.app__header-img{margin:2rem 0}}.app__skills{flex:1;flex-direction:column;width:100%}.app__skills-container{width:80%;margin-top:3rem;display:flex;flex-direction:row}@media screen and (max-width: 900px){.app__skills-container{width:100%;flex-direction:column}}.app__skills-list{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-right:5rem}@media screen and (max-width: 900px){.app__skills-list{margin-right:0;justify-content:center;align-items:center}}.app__skills-item{flex-direction:column;text-align:center;margin:1rem;transition:all ease-in-out}.app__skills-item div{width:90px;height:90px;border-radius:50%;background-color:#fff}.app__skills-item div img{width:50%;height:50%;object-fit:contain}.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: 900px){.app__skills-item div{width:75px;height:75px}}.app__skills-item p{font-weight:500;margin:.5rem}@media screen and (min-width: 2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;cursor:pointer}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{font-weight:400;color:var(--gray-color);margin-top:5px}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{font-weight:800;color:var(--secondary-color)}@media screen and (max-width: 450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{max-width:300px!important;background-color:var(--white-color)!important;box-shadow:0 0 25px #0000001a!important;border-radius:5px!important;padding:1rem!important;color:var(--gray-color)!important;text-align:center!important;line-height:1.5!important;opacity:1!important}@media screen and (min-width: 2000px){.skills-tooltip{font-size:1.75rem!important;max-width:500px!important;line-height:2!important}}.mysection{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0}.gomuko-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;min-width:0;text-align:center}.BoardLine{display:flex;flex-direction:row;justify-content:center;align-items:center}.BoardTable{background-color:#d3a315;border-radius:5%;padding:.75em}.playerChoice,.playerOption{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:7.5em;margin-bottom:.2em}.gameTitle{color:#313bac;font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:.15em}.gameTitle span{color:#30384a}.gameTitle2 span{color:#313bac}.gameTitleWin{color:red;text-align:center}.startGame{background-color:#313bac;padding:.3em;border-radius:10%;border:solid 2px white;margin-bottom:.75em;cursor:pointer;color:#fff}.restartGame{background-color:#313bac;padding:.225em;border-radius:10%;border:solid 2px White;margin:.35em 0 .9em;cursor:pointer;color:#fff}.playerOption{width:5.25em}.BoardCase{background-color:#fd0;margin:.6em;height:2.25em;width:2.25em;display:flex;align-items:center;justify-content:center;border-radius:10%;cursor:pointer}.winBoardCase{background-color:red;margin:.6em;height:2.25em;width:2.25em;display:flex;align-items:center;justify-content:center;border-radius:10%}.BlackPion{background-color:#000;border-radius:50%;height:1.125em;width:1.125em}.WhitePion{background-color:#fff;border-radius:50%;height:1.125em;width:1.125em}.GomukoTableControls{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-width:0}.prevMove,.nextMove{display:flex;flex-direction:column;align-items:center}.prevMoveButton{height:5.25em;width:5.25em;cursor:pointer;margin-right:1.5em}.nextMoveButton{height:5.25em;width:5.25em;cursor:pointer;margin-left:1.5em}.nextMoveLabel{margin-left:1.5em;margin-top:-.75em}.prevMoveLabel{margin-right:1.5em;margin-top:-.75em}.prevMoveButton,.nextMoveButton{pointer-events:auto}@media screen and (max-width: 1100px){.GomukoTableControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;align-items:center;row-gap:.5rem;width:100%;max-width:100%}.BoardTable{grid-column:1 / -1;grid-row:1;width:min(100%,36rem);min-width:0;padding:clamp(.5rem,2vw,.75rem)}.BoardLine{width:100%}.BoardCase,.winBoardCase{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1;margin:clamp(1px,.45vw,4px)}.BlackPion,.WhitePion{width:55%;height:55%}.prevMove,.nextMove{grid-row:2}.prevMove{grid-column:1}.nextMove{grid-column:2}.prevMoveButton,.nextMoveButton{width:clamp(2.75rem,8vw,4rem);height:clamp(2.75rem,8vw,4rem);margin:0}.prevMoveLabel,.nextMoveLabel{margin:0;text-align:center}.gameTitle{max-width:100%;font-size:clamp(1.15rem,4.5vw,1.8rem);text-align:center}.playerChoice,.playerOption{max-width:100%}}@media screen and (max-width: 400px){.BoardTable{padding:.35rem}.BoardCase,.winBoardCase{margin:1px}.prevMoveButton,.nextMoveButton{width:2.5rem;height:2.5rem}.gameTitle{overflow-wrap:anywhere}}@media screen and (max-width: 640px){.BoardTable{box-sizing:border-box;justify-self:center;width:min(76vw,20rem);padding:.4rem}}@media screen and (max-width: 400px){.BoardTable{width:min(72vw,17rem);padding:.35rem}}.ai-chatbot{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.ai-chatbot-title{max-width:100%;margin:clamp(1rem,3vw,2rem) 0;color:#30384a;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;text-align:center}.ai-chatbot-title span{color:#313bac}.ai-chatbot-content{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:clamp(.875rem,2vw,1.5rem);width:100%;min-width:0;margin-bottom:0}.ChatBotResponse{position:relative;box-sizing:border-box;width:100%;max-width:38rem;padding:clamp(1rem,2vw,1.5rem);margin:.25rem 0 0;color:#3f4960;text-align:left;line-height:1.7;background:#fff;border:1px solid rgb(49 59 172 / 12%);border-radius:1rem;box-shadow:0 .5rem 1.5rem #313bac14;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.chatbot-loading{color:#536079}.ai-section{box-sizing:border-box;flex:1 1 0;background:linear-gradient(145deg,#fff,#f7f9fd);padding:clamp(1rem,2.5vw,2rem);border-radius:1.5rem;display:flex;flex-direction:column;border:1px solid rgb(49 59 172 / 14%);box-shadow:0 1rem 2.5rem #313bac1a,inset 0 1px #fff;margin:0;width:auto;min-width:0;align-items:center;container-type:inline-size}.ai-prompt-section{position:relative;box-sizing:border-box;background-color:#fff;border:1px solid rgb(49 59 172 / 16%);border-radius:.875rem;display:flex;flex-direction:row;align-items:center;width:100%;max-width:38rem;min-width:0;gap:.5rem;padding:.25rem;margin:.75rem auto;box-shadow:0 .375rem 1rem #313bac0f;transition:border-color .18s ease,box-shadow .18s ease}.ai-prompt-section:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 3px #313bac1f,0 .5rem 1.25rem #313bac1a}.ai-prompt-section form{flex:1;min-width:0;container-type:inline-size}.aiInput,.aiInput-ready{display:block;background-color:transparent;border:none;outline:none;overflow:hidden;color:#30384a;resize:none;font-family:inherit;font-size:clamp(.8125rem,1.1vw,1rem);font-weight:500;line-height:1.5;letter-spacing:.01em;width:100%;min-width:0;height:3rem;min-height:3rem;padding:.75rem}.aiInput::placeholder,.aiInput-ready::placeholder{color:#778196;opacity:1;font-size:clamp(.4375rem,5cqi,1rem);line-height:1.5rem;white-space:nowrap}.ai-buttons,.ai-buttons-ready{display:flex;flex-direction:row;align-items:center;cursor:pointer;flex-shrink:0;margin-right:1em;gap:.25rem}.ai-image{width:clamp(1.25rem,2.5vw,2em)}.ai-audio{width:clamp(1.75rem,5vw,4em)}.ai-answer{width:clamp(1.25rem,2.5vw,2em)}.aiBot-title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(.25rem,3cqi,1rem);color:#30384a;width:100%;min-width:0;padding:0 0 .75rem}.aiBot-title h2{flex:0 1 auto;min-width:0;font-size:clamp(.7rem,5cqi,1.5rem);font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}.sidebar-section,.sidebar-section-ext{box-sizing:border-box;flex:0 0 12rem;background:linear-gradient(155deg,#3f4bc2,#29338f);display:flex;flex-direction:column;margin:0;border-radius:1.25rem;width:12rem;min-width:0;padding:1rem;border:1px solid rgb(255 255 255 / 24%);box-shadow:0 .875rem 2rem #313bac38,inset 0 1px #ffffff29}.sidebar-section-ext{flex-basis:17rem;width:17rem}.ext-img{width:2.5rem;height:2.5rem;padding:.25rem;cursor:pointer;border-radius:.75rem;background:#ffffff1f}.history-wrapper1,.history-wrapper2{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.25rem}.history-wrapper2{padding:.25rem}.history-title{color:#fff;font-size:.95rem;font-weight:600}.history-title2{font-size:1rem;margin-right:.5rem;color:#fff;font-weight:600}.myimglogo{flex:0 1 auto;width:clamp(1rem,12cqi,5em);max-width:24%;min-width:0;margin-left:0}.historyTitle{color:#fff;background:#ffffff1a;border:1px solid rgb(255 255 255 / 18%);border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;width:100%;padding:.6rem .75rem;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.historyTitleList{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin:1rem 0 0;padding:0 .25rem}@media screen and (max-width: 1100px){.ai-chatbot-content{align-items:center;flex-direction:column;gap:1rem}.ai-section{margin:0;width:100%;flex:1 1 auto}.ChatBotResponse{margin:.25rem 0 0}.sidebar-section,.sidebar-section-ext{flex:0 1 auto;width:min(100%,38rem);padding:.75rem;border-radius:1rem}.sidebar-section-ext{width:min(100%,38rem)}.history-wrapper1,.history-wrapper2{padding:.5rem}.historyTitleList{margin:1rem 0;padding:0 .5rem .75rem;width:100%}.historyTitle{max-width:100%}@media screen and (max-width: 480px){.ai-chatbot-title{margin:1rem 0}.ai-section{padding:1rem;border-radius:1.125rem}.ai-prompt-section{gap:.25rem}}@media (prefers-reduced-motion: reduce){.ai-prompt-section{transition:none}}}@media screen and (max-width: 400px){.ai-buttons,.ai-buttons-ready{margin-right:.5rem;gap:.125rem}.ai-audio{width:2rem}.ai-image,.ai-answer{width:1.25rem}.ai-audio{width:1.75rem}}.App-machineLearning{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;color:#30384a;gap:clamp(.5rem,1.5vw,1rem)}.App-machineLearning>h1{max-width:100%;margin:0;color:#30384a;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.15;text-align:center}.App-machineLearning>h1 span{color:var(--secondary-color)}.machine-learning-intro{width:min(100%,46rem);margin:0 auto;color:#4b5568;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.7;text-align:center;text-wrap:pretty}.machineL1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.875rem,2vw,1.25rem);width:100%;min-width:0;margin-top:clamp(1rem,2.5vw,2rem)}.machine-learning-panel{display:flex;flex-direction:column;min-width:0;padding:clamp(1rem,2.5vw,1.5rem);background:linear-gradient(145deg,#fff,#f7f9fd);border:1px solid rgb(49 59 172 / 14%);border-radius:1.125rem;box-shadow:0 .75rem 2rem #313bac14,inset 0 1px #ffffffe5}.machine-learning-panel:last-child{grid-column:1 / -1}.machine-learning-panel-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.machine-learning-step{display:grid;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;place-items:center;color:var(--secondary-color);font-size:.8rem;font-weight:700;background:#313bac14;border-radius:.75rem}.machine-learning-panel h2{margin:0;color:#30384a;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.35}.machine-learning-panel-heading p{margin:.25rem 0 0;color:#667085;font-size:.875rem;line-height:1.5}.machine-learning-chart{position:relative;width:100%;height:clamp(14rem,30vw,19rem);min-width:0;padding:.75rem;background:#fff;border:1px solid rgb(49 59 172 / 10%);border-radius:.875rem;box-sizing:border-box}.dataCanvas,.trainingCanvas,.testingCanvas{display:block;width:100%!important;height:100%!important}.machine-learning-card{box-sizing:border-box}@media screen and (max-width: 640px){.machineL1{grid-template-columns:minmax(0,1fr)}.machine-learning-panel:last-child{grid-column:auto}}.Section2{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0}.app__container#mysection2>.app__wrapper{min-width:0}.Crypto{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding-inline:clamp(.75rem,3vw,2rem)}.App-about{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;padding-inline:clamp(.75rem,3vw,2rem)}.App-about>.head-text{max-width:100%;font-size:clamp(1.25rem,4.5vw,2.75rem)}.App-blog-mobility{--mobility-flow-gap: clamp(1rem, 2vw, 1.5rem);display:flex;flex-direction:column;align-items:center;min-width:0;background-color:var(--primary-color);border:1px solid rgb(49 59 172 / 14%);border-radius:1.5rem;box-shadow:0 1.25rem 3rem #313bac1f,inset 0 1px #fffc;margin-top:clamp(1.5rem,5vw,4rem);margin-bottom:0;width:min(100%,70rem);padding:clamp(1rem,5vw,4rem) clamp(.75rem,6vw,4rem)}.Yellow-subtitle{color:var(--secondary-color);width:min(100%,60rem);font-size:1.5em;padding-top:clamp(0rem,2vw,1.5rem);margin-bottom:var(--mobility-flow-gap);text-align:center}.mobility-content{display:flex;flex-direction:row-reverse;align-items:center;gap:clamp(.125rem,.375vw,.25rem);width:min(100%,60rem);margin-top:clamp(2.5rem,6vw,4rem)}.App-blog-history{display:flex;justify-content:center;flex:1 1 65%;width:auto;min-width:0}.mobility-route-stage{position:relative;width:100%;aspect-ratio:638 / 410}.mobility-route-inner{position:absolute;top:0;right:0;bottom:0;left:0}.moor-style{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;object-fit:contain;overflow:visible}.mobility-capsule{position:absolute;width:clamp(4rem,16vw,9rem);height:auto;object-fit:contain;transform-origin:center;z-index:1;pointer-events:none}.mobpara{flex:0 1 27rem;width:min(100%,27rem);margin:0;padding:clamp(.5rem,1.5vw,1rem) clamp(1rem,2.5vw,1.5rem);text-align:center;color:#4b5568;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.75;text-wrap:pretty}.mobility{background-color:var(--secondary-color);color:var(--white-color);padding:.75rem 1.25rem;border:1px solid rgb(49 59 172 / 24%);font-size:clamp(.9rem,1.5vw,1.125rem);font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:.875rem;min-height:2.75rem;width:min(12.5rem,100%);cursor:pointer;margin-top:clamp(1rem,2.5vw,2rem);margin-bottom:clamp(1.5rem,4vw,4rem);text-decoration:none;box-shadow:0 .5rem 1.25rem #313bac1f,inset 0 1px #fff;transition:box-shadow .18s ease,border-color .18s ease}@media screen and (max-width: 640px){.mobility-content{flex-direction:column;gap:clamp(.25rem,1vw,.5rem)}.App-blog-history{flex:0 1 auto;width:100%}.mobpara{flex:0 1 auto;width:min(100%,27rem)}.mobility-capsule{width:clamp(2rem,12vw,4rem)}}@media screen and (max-width: 480px){.mobility{width:fit-content;min-height:2.25rem;padding:.5rem .875rem;font-size:.875rem;margin-bottom:1rem;white-space:nowrap}}.moorish-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,70rem);min-width:0;margin-block:clamp(1.5rem,5vw,4rem);padding:clamp(1rem,3vw,2rem) clamp(.75rem,4vw,2.5rem);background-color:var(--primary-color);border:1px solid rgb(49 59 172 / 14%);border-radius:1.5rem;box-shadow:0 1.25rem 3rem #313bac1f,inset 0 1px #fffc}.Mooryl{width:clamp(6rem,18vw,9.375rem);aspect-ratio:1;height:clamp(6rem,18vw,9.375rem);object-fit:cover;border-radius:50%;box-shadow:0 .5rem 1.5rem #313bac2e;margin-top:.75rem}.moorish-section .Yellow-title{max-width:100%;color:var(--secondary-color);margin:1.5em 0 .75rem;text-align:center}.moorish-section .Moor-logo{width:clamp(6rem,18vw,9.375rem);aspect-ratio:1;height:clamp(6rem,18vw,9.375rem);margin-block:.75rem;object-fit:cover;border-radius:50%;box-shadow:0 .5rem 1.5rem #313bac2e;animation:moorish-logo-spin 12s linear infinite}@keyframes moorish-logo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.moorish-section .Moor-logo{animation:none}}.moorish-section .Mlady{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.75rem,3vw,2rem);width:100%;margin-block:.75rem}.moorish-section .Moorish-img{flex:0 0 clamp(5rem,24vw,9.375rem);width:clamp(5rem,24vw,9.375rem);height:clamp(5rem,24vw,9.375rem);object-fit:cover;border:1px solid rgb(49 59 172 / 12%);border-radius:1.25rem;box-shadow:0 .75rem 1.75rem #313bac24}.moorish-section .MoorishP{width:min(100%,37.5rem);margin:.5rem 0;color:#4b5568;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.75;text-align:center;text-wrap:pretty}.moorish-section>.MoorishP:first-of-type{margin-top:.5rem}.moorish-section .moorish-coin-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2rem);width:min(100%,52rem);margin-top:clamp(2rem,5vw,3.5rem)}.moorish-section .Moorish-coin-intro{flex:1 1 0;width:auto;min-width:0;margin:0;color:#4b5568;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.7;text-align:center;text-wrap:pretty}.moorish-section .moorish-coin-card{flex:0 1 19rem;width:min(100%,19rem);min-width:0;margin:0;padding:clamp(2rem,5vw,3rem) clamp(.875rem,2vw,1.25rem);gap:.625rem;background:var(--primary-color);border:1px solid rgb(49 59 172 / 14%);border-radius:1.25rem;box-shadow:0 1rem 2.5rem #313bac1f,inset 0 1px #ffffffe5}.moorish-section .CreditCardLogoStyle{width:clamp(3.5rem,7vw,4.5rem);height:clamp(3.5rem,7vw,4.5rem);margin:0;object-fit:contain;border:0;border-radius:1rem}.moorish-section .Moorish-coin-title{color:var(--secondary-color);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700;margin-bottom:clamp(.5rem,1.5vw,1rem);text-align:center}.moorish-section .moorish-coin-card .formForm,.moorish-section .moorish-coin-card .InputsForm{width:100%;min-width:0}.moorish-section .moorish-coin-card .InputsForm{gap:.5rem}.moorish-section .moorish-coin-card .formulaireCase{width:min(100%,26rem);min-height:2.5rem;margin:0;padding:.5rem .75rem;color:#30384a;font:inherit;font-size:.9rem;background:#fff;border:1px solid rgb(49 59 172 / 16%);border-radius:.75rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.moorish-section .moorish-coin-card .formulaireCase:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #313bac1f}.moorish-section .moorish-coin-card .SubmitButton{width:100%;min-height:2.5rem;margin:.375rem 0 0;padding:.5rem .75rem;color:var(--secondary-color);font:inherit;font-size:.9rem;font-weight:600;background:#fff;border:1px solid rgb(49 59 172 / 18%);border-radius:.75rem;box-shadow:0 .5rem 1.25rem #313bac1f;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.moorish-section .moorish-coin-card .SubmitButton:hover{box-shadow:0 .75rem 1.5rem #313bac3d;transform:translateY(-1px)}.moorish-section .Moorish-button{background-color:var(--secondary-color);color:var(--white-color);padding:.75rem 1.25rem;border:1px solid rgb(49 59 172 / 24%);font-size:clamp(.9rem,1.5vw,1.125rem);font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:.875rem;min-height:2.75rem;width:min(12.5rem,100%);cursor:pointer;margin:1rem 0 .75rem;text-decoration:none;box-shadow:0 .5rem 1.25rem #313bac1f,inset 0 1px #fff;transition:box-shadow .18s ease,border-color .18s ease}@media screen and (max-width: 700px){.moorish-section .moorish-coin-card,.moorish-section .Moorish-coin-intro{width:100%}.moorish-section .moorish-coin-card{border-radius:1.125rem}.moorish-section .Moorish-button{width:fit-content;min-height:2.25rem;padding:.5rem .875rem;font-size:.875rem;margin-bottom:.75rem;white-space:nowrap}}.App-crypto{color:#30384a;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:clamp(4px,1vw,9px);padding:clamp(1.5em,4vw,3em);background-color:var(--primary-color);border:1px solid rgb(49 59 172 / 14%);border-radius:clamp(1rem,4vw,2rem);box-shadow:0 1.25rem 3rem #313bac1f;overflow:hidden}.CryptoMarquee{width:100%;max-width:100%;min-width:0;margin-top:1em}.CryptoCard{display:flex;flex-direction:column;align-items:center;width:15em;height:21em;background-color:#000;border-radius:15px;border:solid 3px white}.CryptoCardTitle{color:#ff0;font-size:1.4em;text-align:center}.CryptoCardLogo{height:3.5em;width:3.5em;padding:.75em;border-radius:50px;margin-bottom:.75em;margin-top:1.5em;border:solid 3px white}.WrapC{display:flex;flex-direction:column;align-items:center;background-color:gray;border-radius:0 0 15px 15px;width:25em;height:20em;border:solid 3px white}.CryptoCardChangeGreen{color:green;font-size:1.8em}.CryptoCardChangeRed{color:red;font-size:1.8em}.centeredCoinL{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:100%;height:20.5rem;min-height:20.5rem;max-height:20.5rem;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;padding:0 1rem;gap:.5rem;margin-bottom:2.4em;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.centeredCoinL::-webkit-scrollbar{display:none}.Crypto-Wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.IntroPart{display:flex;flex-direction:column;align-items:center;justify-content:center;border:solid 2px white;width:20em;padding:10em;border-radius:3em;margin-top:5em;margin-bottom:5em}.InformationPart{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff1;padding:2.5em;border-radius:3em;border:solid 2px white}.CreditCardLogoStyle{height:10em;border-radius:10em;border:solid white 2px;margin:1em 2em}.TryButton{text-decoration:none;color:#000;background-color:#ff0;padding:.5em;border:solid .125em white;font-size:1em;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:3.125em;width:8.125em;cursor:pointer}.SubmitButton{text-decoration:none;color:#000;background-color:#ff0;padding:.5em;border:solid .125em white;font-size:1em;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:3.125em;width:14em;margin:2em;cursor:pointer}.InputsForm{display:flex;flex-direction:column;align-items:center;justify-content:center}.InputsForm input{padding:.8em;border-radius:1em;margin:.35em;font-family:Arial,Helvetica,sans-serif;width:15em}.CryptoCurrPara1{text-align:center;color:#ff0;margin-bottom:8.12em}.CryptoCurrPara2{text-align:center;margin-bottom:11.368em}.GraphicsBackGround{border-radius:6em;width:100%;min-width:0;box-sizing:border-box;padding:clamp(.5em,2vw,1.5em);display:flex;flex-direction:column;align-items:center;justify-content:center}.cryptoName{width:min(100%,24rem);min-width:0;padding:.5em 1em;margin-bottom:2em;border:1px solid rgb(49 59 172 / 20%);border-radius:1rem;background-color:var(--white-color);color:#30384a;text-align:center}.cryptoContent{display:flex;flex-direction:row;align-items:center;gap:clamp(.5rem,2vw,1.5rem);width:100%;min-width:0;margin-top:1.5rem}.coinGr,.coinGrSelected{background-color:#ffffffe0;border-radius:1rem;border:1px solid rgb(49 59 172 / 12%);padding:.75em 1.5rem;display:flex;flex-direction:row;align-items:center;gap:.35em;margin-bottom:.75em;width:100%;box-sizing:border-box;font-size:.8em}.coinGrSelected{border-color:var(--secondary-color);box-shadow:0 0 0 2px #313bac1a}.centeredCoinL>.coinGr,.centeredCoinL>.coinGrSelected{width:calc(100% - 1rem);height:2.5rem;min-height:2.5rem;flex:0 0 2.5rem;margin-bottom:0;margin-left:.5rem;margin-right:.5rem}.coinsChart{position:relative;flex:1 1 58%;min-width:0;margin-bottom:0;height:clamp(12rem,30vw,18rem)}.cryptoContent>.centeredCoinL{flex:1 1 42%;min-width:0}.coinLogo{width:1.5em;height:1.5em;flex:0 0 auto}.coinValue{color:#30384a;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graphTitleBar{color:var(--secondary-color);margin-bottom:1.5em;margin-top:1.5em;display:flex;align-items:center;justify-content:center;font-size:3em;text-align:center;max-width:100%}.coinName{color:var(--secondary-color);flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectedCoin{display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--secondary-color);background-color:var(--white-color);box-shadow:0 .5rem 1.5rem #313bac1a;padding:1em 1.5em;border-radius:3em;margin-bottom:1.5em}.selectedCoinImg{height:3em;width:3em;margin-right:.375em}.legendCoin{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--secondary-color)}.greenChange{color:#18824b;flex:0 0 auto}.redChange{color:#c43a4a;flex:0 0 auto}@media screen and (max-width: 600px){.App-crypto{width:100%;padding:clamp(.25rem,2vw,1.5rem)}.centeredCoinL{height:13.25rem;min-height:13.25rem;max-height:13.25rem;padding:0 .5rem;gap:.5rem}.cryptoContent{flex-direction:column;align-items:stretch;gap:1rem}.cryptoContent>.coinsChart{flex:0 0 auto;width:100%;height:clamp(9rem,38vw,14rem)}.cryptoContent>.centeredCoinL{flex:0 0 auto;width:90%;align-self:center}.coinGr,.coinGrSelected{flex-wrap:nowrap;gap:.1em;padding:.75em clamp(.35rem,2vw,1.5rem);font-size:clamp(.5px,1.8cqi,8px)}.centeredCoinL>.coinGr,.centeredCoinL>.coinGrSelected{height:2.25rem;min-height:2.25rem;flex-basis:2.25rem}.coinName,.coinValue,.greenChange,.redChange{white-space:nowrap;min-width:0}.coinName,.coinValue{flex:1 1 0}.greenChange,.redChange{flex:0 0 auto}.coinLogo{width:1em;height:1em;flex-shrink:0}.coinsChart{height:clamp(9rem,38vw,14rem)}.graphTitleBar{font-size:clamp(1.25rem,6vw,2rem)}.selectedCoin{max-width:100%;padding:.75em 1em}.selectedCoin>div{overflow-wrap:anywhere}.InformationPart{padding:1.5em}.CreditCardLogoStyle{height:9em;margin:1em}.CryptoCard{width:13em;height:18em}.graphTitleBar{font-size:2.25em}}.app__testimonial{width:100%;flex:1;flex-direction:column}.app__testimonial-carousel{width:60%;min-height:320px;background-color:var(--white-color);margin-top:2rem;display:flex;padding:2rem;border-radius:15px;box-shadow:0 0 30px #0000001a;transition:all .3s ease-in-out}.app__testimonial-carousel img{width:100px;height:100px;border-radius:50%;object-fit:cover}@media screen and (min-width: 2000px){.app__testimonial-carousel{min-height:450px}.app__testimonial-carousel img{width:150px;height:150px}}@media screen and (max-width: 850px){.app__testimonial-carousel{width:100%}}@media screen and (max-width: 600px){.app__testimonial-carousel{flex-direction:column}}.app__testimonial-content{flex:1;height:100%;padding:0 2rem;text-align:left;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.app__testimonial-content p{font-size:1.25rem;line-height:2rem;color:var(--black-color);font-family:var(--font-base)}.app__testimonial-content h4{font-weight:600;color:var(--secondary-color);margin-top:2rem}.app__testimonial-content h5{font-weight:400;color:var(--gray-color);margin-top:5px}.app__testimonials-btns{flex-direction:row;margin-top:1rem}.app__testimonials-btns div{width:50px;height:50px;border-radius:50%;background-color:var(--white-color);margin:1rem;transition:all .3s ease-in-out;cursor:pointer}.app__testimonials-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__testimonials-btns div:hover{background-color:var(--secondary-color)}.app__testimonials-btns div:hover svg{color:var(--white-color)}.app__testimonials-brands{width:80%;flex-wrap:wrap;margin-top:2rem}.app__testimonials-brands div{width:150px;margin:1.5rem}.app__testimonials-brands div img{width:100%;height:auto;object-fit:cover;filter:grayscale(1)}.app__testimonials-brands div:hover img{filter:grayscale(0)}@media screen and (min-width: 2000px){.app__testimonials-brands div{width:210px;margin:2rem}}@media screen and (max-width: 450px){.app__testimonials-brands div{width:120px;margin:1rem}}@media screen and (max-width: 800px){.app__testimonials-brands{width:100%}}.app__works{flex:1;width:100%;flex-direction:column}.app__work-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:2rem 0 1rem}.app__work-filter .app__work-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:#fff;color:#000;font-weight:800;cursor:pointer;margin:.5rem;transition:all .3s ease}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (min-width: 2000px){.app__work-filter .app__work-filter-item{padding:1rem 2rem;border-radius:.85rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}@media screen and (max-width: 600px){.app__work-filter{flex-wrap:wrap}}.app__work-portfolio{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.app__work-portfolio .app__work-item{width:270px;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;background-color:#fff;color:#000;cursor:pointer}.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{width:470px;padding:1.25rem}}@media screen and (max-width: 300px){.app__work-portfolio .app__work-item{min-width:100%;margin:1rem}}@media screen and (max-width: 300px){.app__work-portfolio{width:100%}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{border-radius:.5rem;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 2000px){.app__work-img{height:350px}}.app__work-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#00000080;border-radius:.5rem;opacity:0}.app__work-hover div{width:50px;height:50px;border-radius:50%;background-color:#00000080;color:#fff;margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer;transition:all .3s ease}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color);transition:all .3s ease}.app__work-hover:active,.app__work-touched{opacity:1}.app__work-content{padding:.5rem;flex-direction:column;width:100%;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content h4,.app__work-content p{text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;background-color:#fff;top:-25px;border-radius:10px}.app__work-touched-nowrap .app__work-content h4,.app__work-touched-nowrap .app__work-content p{white-space:unset}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{width:100%;min-height:100vh;display:flex;flex-direction:row}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1;width:100%;flex-direction:column;padding:4rem 2rem}@media screen and (max-width: 450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{width:100%;padding:1rem 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text{font-size:2.75rem;font-weight:800;text-align:center;color:var(--black-color);text-transform:capitalize}.head-text span{color:var(--secondary-color)}@media screen and (min-width: 2000px){.head-text{font-size:4rem}}@media screen and (max-width: 450px){.head-text{font-size:2rem}}.p-text{font-size:.8rem;text-align:left;color:var(--gray-color);line-height:1.5}@media screen and (min-width: 2000px){.p-text{font-size:1.75rem}}.bold-text{font-size:1rem;font-weight:800;color:var(--black-color);text-align:left}@media screen and (min-width: 2000px){.bold-text{font-size:2rem}}@media screen and (max-width: 450px){.bold-text{font-size:.9rem}}.app__social{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding:1rem 1rem 3rem}.app__social div{width:40px;height:40px;border-radius:50%;background-color:var(--white-color);margin:.25rem 0;border:1px solid var(--lightGray-color);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.app__social div a{width:100%;height:100%}.app__social div a svg{width:15px;height:15px;color:var(--gray-color)}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width: 2000px){.app__social div{width:70px;height:70px;margin:.5rem 0}.app__social div svg{width:30px;height:30px}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:#cbcbcb;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,.app__social{display:none}.copyright{padding:2rem}}.portfolio-button{padding:1rem 2rem;margin-top:2rem;border:none;outline:none;border-radius:10px;font-weight:500;cursor:pointer;color:var(--secondary-color);border:1px solid var(--secondary-color);background:linear-gradient(var(--secondary-color),var(--secondary-color));background-position:50% 50%;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .3s ease-in-out,color .3s ease-in-out}.portfolio-button:hover{background-size:100% 100%;color:var(--white-color)}.none{display:none}:root{--font-base: "DM Sans", sans-serif;--primary-color: #edf2f8;--secondary-color: #313bac;--black-color: #030303;--lightGray-color: #e4e4e4;--gray-color: #6b7688;--brown-color: #46364a;--white-color: #ffffff}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}