.language-panel{position:absolute;top:60px;margin-right:100px;width:170px;height:75px;border:1px solid #39A8E0;border-radius:0 0 0 20px;display:grid;grid-template-rows:auto auto}.language-panel-button-unselected{border:none;font-family:bold;font-size:12pt;cursor:pointer;background-color:#fff;color:#0d1d2b}.language-panel-button-unselected:hover{opacity:.8}.language-panel-button-selected{border:none;font-family:bold;font-size:12pt;cursor:pointer;background-color:#39a8e0;color:#fff}.language-panel-button-selected:hover{opacity:.8}.menu-panel-rounded{border-radius:0 0 0 20px}.menu-logo{position:absolute;margin-top:20px;margin-left:-40px;scale:.6;cursor:pointer}.menu-container{width:1100px;height:100px;margin-left:calc(50vw - 550px);display:grid;grid-template-columns:250px 600px auto}.menu-buttons{width:100%;display:grid;grid-auto-flow:column;align-items:center;justify-items:center}.menu-buttons a{color:#fff;text-decoration:none;font-family:bold;font-size:12pt;cursor:pointer}.menu-buttons a:hover{opacity:1}.menu-float{position:fixed;top:0;width:100vw;height:50px;justify-self:center;display:grid;grid-template-columns:auto 600px auto;background-color:#11131596;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;animation:smoothAnim;animation-duration:.5s}.menu-buttons-float{width:100%;display:grid;grid-auto-flow:column;align-items:center;justify-items:center}.menu-buttons-float a{color:#39a8e0;text-decoration:none;font-family:bold;font-size:12pt;cursor:pointer}.menu-buttons-float a:hover{opacity:1}.menu-language{justify-self:center;width:80px;height:60px;display:grid;grid-template-columns:auto auto;align-items:end;justify-items:center;font-family:regular;color:#fff;font-size:12pt;opacity:.5;cursor:pointer}.menu-language:hover{opacity:1}.menu-language svg{fill:#fff}.active{opacity:1}.inactive{opacity:.5}.menu-mobile{width:100vw;height:60px;display:grid;grid-template-columns:10% auto 10%}.menu-logo-mobile{scale:.6}.langage-offset-mobile{margin-right:30vw;margin-top:-11px}.menu-icon-mobile{justify-self:center;margin-left:30px;margin-top:15px;fill:#fff}.mobile-menu-container{position:fixed;top:60px;width:100vw;height:calc(100vh - 60px);background:linear-gradient(#111315,#0d1d2b);z-index:10;display:grid;grid-auto-rows:80px}.mobile-menu-container a{color:#fff;text-decoration:none;font-family:bold;font-size:16pt;align-self:center;justify-self:center;cursor:pointer}@media screen and (max-width:1100px){.menu-logo{position:absolute;margin-top:20px;margin-left:-80px;scale:.5;cursor:pointer}.menu-container{width:800px;height:100px;margin-left:calc(50vw - 400px);display:grid;grid-template-columns:100px 600px auto}}@keyframes smoothAnim{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.expertise-item{border:1px solid #898989;cursor:pointer;background:var(--expertise-item-img, auto);background-position:center;background-repeat:no-repeat;background-size:110%;display:grid;grid-template-rows:10% 80% 10%;justify-items:center;transition:background-size .4s ease-in-out}.expertise-item:hover{background-size:150%}.expertise-item h3{color:#fff;text-align:center}.expertise-item-tags-container{height:100%;width:80%;overflow:hidden}.expertise-item-tags{height:100%;width:auto;display:grid;grid-auto-flow:column;align-content:center;justify-content:left;gap:10px;font-family:bold;color:#898989;font-size:10pt;line-height:10px;animation-name:slide;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite}@media screen and (max-width:1100px){.expertise-item:hover{background-size:150%;transition:.3s}.expertise-item-tags{height:100%;width:auto;display:grid;grid-auto-flow:column;align-content:center;justify-content:left;gap:10px;font-family:bold;color:#898989;font-size:8pt;line-height:10px;animation-name:slide;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite}}@media screen and (max-width:800px){.expertise-item{border:1px solid #898989;cursor:pointer;background:var(--expertise-item-img, auto);background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:10% 80% 10%;justify-items:center;transition:background-size .4s ease-in-out}}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(-160%)}}.expertise-container{display:grid;justify-items:center}.expertise-container h1{color:#fff}.expertise-cont-body{margin-top:50px;height:500px;width:100%}.expertise-body{width:100%;height:100%;display:grid;grid-template-rows:60% 40%}.expertise-section-top{display:grid;grid-template-columns:repeat(3,1fr)}.expertise-section-down{display:grid;height:100%;grid-template-columns:repeat(2,1fr)}.expertise-detail{width:100%;height:100%;border:1px solid #898989;background:var(--expertise-selected-img, auto);background-position:right;background-repeat:no-repeat;background-size:150%;display:grid;grid-template-columns:50% 50%}.expertise-go-back-container{align-self:start;width:150px;display:grid;grid-template-columns:auto auto;color:#fff;fill:#fff;font-family:bold;font-size:12pt;align-items:center;justify-items:left;cursor:pointer}.expertise-go-back-container:hover{opacity:.8}.expertise-go-back-container div{scale:.5}.expertise-detail-container{justify-self:center;align-self:center;width:85%;height:80%;color:#fff;display:grid;grid-template-rows:10% auto auto;align-items:start}.expertise-detail-container div{display:flex;flex-wrap:wrap;gap:10px;font-family:bold;font-size:10pt}.expertise-body-mobile{height:600px;border:1px solid gray;display:grid;grid-template-rows:70% 30%}.expertise-section-top-mobile{height:100%;display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%}.expertise-section-down-mobile{height:100%;display:grid}.expertise-detail-mobile{width:100%;height:600px;border:1px solid #898989;background:var(--expertise-selected-img, auto);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:50% 50%}.expertise-detail-container-mobile{background-color:#000c;justify-self:center;align-self:center;width:calc(100% - 20px);height:calc(100% - 20px);color:#fff;display:grid;grid-template-rows:20% auto auto;padding:10px}.expertise-detail-container-mobile div{display:flex;flex-wrap:wrap;gap:10px;font-family:bold;font-size:10pt}.expirience-container h1{color:#fff;justify-self:center;text-align:center;margin-top:150px}.expirience-item-container{width:calc(100% - 40px);height:60px;padding-left:20px;padding-right:20px;background-color:#39a8e0;border-radius:10px;cursor:pointer;display:grid;grid-template-columns:75% 20% 4%;align-items:center;color:#fff;fill:#fff;margin-bottom:10px;align-content:center}.expirience-item-container h3{line-height:20px}.expirience-item-container div svg{scale:.7}.expirience-item-details{width:calc(100% - 40px);min-height:200px;padding:10px 20px;background-color:#164c67;border-radius:10px;margin-bottom:10px}.expirience-item-details-body img{width:100%}.expirience-item-details-header{display:grid;grid-auto-flow:column;column-gap:10px;justify-content:left;align-items:center;color:#fff;fill:#fff;font-family:regular;font-size:10pt}.expirience-item-details-body{display:grid;grid-template-columns:80% 20%}.expirience-item-details-body p{font-family:regular;font-size:12pt;line-height:24px;color:#fff}.expirience-item-details-milestone{color:#fff;margin-bottom:50px}.expirience-item-details-milestone p{margin-top:-10px;font-family:regular;font-size:12pt;line-height:24px;color:#fff}.expirience-item-tags{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto;justify-content:left;column-gap:10px;margin-bottom:20px}.expirience-item-tags span{background-color:#fff;font-family:bold;font-size:10pt;color:#164c67;padding:5px 10px;border-radius:15px;margin-bottom:10px;text-align:center;min-width:60px}@media screen and (max-width:800px){.expirience-item-container{width:calc(100% - 40px);height:60px;padding-left:20px;padding-right:20px;background-color:#39a8e0;border-radius:10px;cursor:pointer;display:grid;grid-template-columns:79% 30%;align-items:center;color:#fff;fill:#fff;margin-bottom:10px;align-content:center}.expirience-item-container h3{font-size:8pt;line-height:15px}.expirience-item-details-header{display:grid;grid-auto-flow:column;column-gap:10px;justify-content:left;align-items:center;color:#fff;fill:#fff;font-family:regular;font-size:8pt}.expirience-item-details-body{display:grid;grid-template-columns:100%}.expirience-item-tags{display:grid;grid-template-columns:auto auto auto;justify-items:left;justify-content:left;column-gap:10px;margin-bottom:20px;align-items:center}.expirience-item-tags span{background-color:#fff;font-family:bold;font-size:8pt;color:#164c67;padding:5px 10px;border-radius:15px;margin-bottom:10px}}.main-container{display:grid;justify-items:center;height:calc(100vh - 100px)}.main-container h1{color:#fff;text-align:center}.main-container h6{color:#39a8e0;margin-top:-15px}.main-container a{color:#898989;font-family:regular;font-size:12pt;cursor:pointer;text-decoration:none;animation-name:bounce;animation-duration:2s;animation-iteration-count:infinite}.main-front-page{height:350px}.main-front-page svg{width:394px;height:346px;align-items:start}.down-mark{width:25px;height:50px;border-radius:25px;border:2px solid #ffffff;margin-top:15px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;animation:drawOutline 4s ease-in-out infinite}.down-mark svg{width:15px;fill:#39a8e0;animation:arrowSlide 2s ease-in-out infinite}.down-mark div{align-self:end}@media screen and (max-width:800px){.main-front-page{height:250px}.main-front-page svg{margin-top:20px;width:282px;height:247px;align-items:start}.main-container h6{color:#39a8e0;margin-top:-50px}}@keyframes bounce{0%{color:#898989;scale:1}50%{color:#fff;scale:1.02}to{color:#898989;scale:1}}@keyframes drawOutline{0%,to{clip-path:inset(0 0 100% 0);opacity:0}20%,80%{clip-path:inset(0 0 0% 0);opacity:1}}@keyframes arrowSlide{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(20px);opacity:0}}.work-container{margin-top:100px}.work-intro-container{width:100%;height:auto;display:grid;grid-template-columns:65% 35%}.work-intro-left{padding-left:80px;display:grid}.work-intro-left h1{color:#fff;width:50px;line-height:40px;align-self:start}.work-intro-left p{color:#fff;align-self:end}.work-intro-right{display:grid}.work-intro-right svg{scale:.8;align-self:end;justify-self:end}.work-filter{margin-top:50px;font-family:bold;font-size:12pt;display:grid;grid-template-columns:repeat(8,auto);justify-content:left;gap:10px;color:#898989}.work-filter button{background:none;border:none;outline:none;font-family:bold;font-size:12pt;cursor:pointer}.work-filter button:hover{color:#fff}.work-filter-selected{color:#39a8e0}.work-filter-unselected{color:#898989}.gallery-container{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:16px}@media screen and (max-width:800px){.work-intro-container{width:100%;height:auto;display:grid;grid-template-columns:100%}.work-intro-left{padding-left:0;display:grid}.work-filter{margin-top:50px;font-family:bold;font-size:8pt;display:grid;grid-template-columns:repeat(8,auto);justify-content:center;justify-items:center;align-items:center;gap:5px;color:#898989}.work-filter button{min-width:10px;background:none;border:none;outline:none;font-family:bold;font-size:8pt;cursor:pointer}.gallery-container{margin-top:10px;display:grid;grid-template-columns:repeat(1,0fr);grid-auto-rows:300px;gap:16px}}.grid-item{width:100%;height:100%;display:grid;grid-template-rows:calc(100% - 80px) 80px;cursor:pointer;overflow:hidden;text-decoration:none}.work-item-legend{background-color:#24292d;width:100%;z-index:1;padding:10px 20px;display:grid;grid-template-rows:35px auto}.work-item-legend h3{color:#fff;font-family:bold;font-size:12pt}.work-item-legend label{color:#898989;font-family:regular;font-size:10pt}.work-item-legend b{color:#fff;font-family:bold;font-size:10pt;margin-top:20px}.work-item-img{width:100%;height:100%;background:var(--work-item-img, auto);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease-in-out}.work-item-img:hover{transform:scale(1.2)}.small{grid-column:span 1;grid-row:span 1}.wide{grid-column:span 2;grid-row:span 1}.tall{grid-row:span 2}.large{grid-column:span 2;grid-row:span 2}@media screen and (max-width:800px){.work-item-legend{background-color:#24292d;width:100%;z-index:1;padding:0 20px;display:grid;grid-template-rows:55px auto}.small,.wide,.tall,.large{grid-column:span 2;grid-row:span 1}}.body-container{width:1100px;margin-left:calc(50vw - 550px);height:auto}@media screen and (max-width:1100px){.body-container{width:800px;margin-left:calc(50vw - 400px);height:auto}}@media screen and (max-width:800px){.body-container{width:calc(100vw - 40px);margin-left:20px;height:auto}}.footer-container{height:500px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.footer-container h3{line-height:20px;text-align:start;margin-top:0}.footer-container label{font-family:regular;font-size:10pt}.footer-container p{font-family:regular;font-size:12pt;color:#898989}.footer-summary{background-color:#02060b;color:#fff;padding:40px;z-index:1}.footer-summary:hover{scale:1.025;z-index:0}.footer-summary-link-container{margin-top:50px;height:70px;display:grid}.footer-summary-link{display:grid;grid-template-columns:10% 90%;align-items:center;justify-content:left;cursor:pointer}.footer-summary-link a{color:#fff;text-decoration:none}.footer-summary-link svg{fill:#fff;width:25px;height:25px}.footer-list{background-color:#39a6e0;color:#fff;padding:40px;z-index:1}.footer-list:hover{scale:1.025;z-index:0}.footer-list-body{height:calc(100% - 60px);display:grid;grid-template-columns:repeat(3,1fr)}.footer-list-body div{display:grid;align-content:start;justify-items:left;gap:3px;font-family:regular;font-size:10pt}.footer-contact{display:grid;grid-template-rows:50% 50%}.footer-phone{background-color:#1a5fbf}.footer-location{background-color:#007efc}.footer-item-container{padding:40px;color:#fff;display:grid;grid-template-rows:10% 80% 10%;justify-items:center;align-items:center;z-index:1}.footer-item-container:hover{z-index:0;transform:scale(1.025)}.footer-item-container svg{fill:#fff;height:100px;width:100px}.footer-item-container label{font-family:regular;font-size:12pt}@media screen and (max-width:800px){.footer-container{height:auto;width:100%;display:grid;grid-template-columns:repeat(1,1fr);overflow:hidden}}@font-face{font-family:bold;src:url(/assets/Century-Gothic-Bold-DWt6IXFl.ttf)}@font-face{font-family:regular;src:url(/assets/Century-Gothic-Regular-Dg_kGE0z.TTF)}h1{font-family:bold;font-size:28pt;line-height:28px}h2{font-family:bold;font-size:18pt;line-height:18px}h3{font-family:bold;font-size:14pt;line-height:14px}h4{font-family:bold;font-size:10pt;line-height:10px}h6{font-family:regular;font-size:10pt;line-height:10px}p{font-family:regular;font-size:12pt;line-height:20px}@media screen and (max-width:800px){h1{font-family:bold;font-size:18pt;line-height:18px}h3{font-family:bold;font-size:12pt;line-height:18px}h4{font-family:bold;font-size:10pt;line-height:10px}h6{font-family:regular;font-size:8pt;line-height:8px}p{font-family:regular;font-size:10pt;line-height:20px}}body{background-color:#111315;margin:0}.test{height:6000px}.background-linear-faid{z-index:-1;position:absolute;top:0;left:0;right:0;height:100vh;background:linear-gradient(#111315,#0d1d2b);transform:rotate(180deg)}.space{height:100px}.p{font-family:regular;font-size:12pt;line-height:20px;margin-bottom:20px}.p span{font-family:regular;font-size:12pt;line-height:20px}.unit{width:calc(100% - 20px);display:grid;align-content:start}.unit-title{color:#fff;display:grid;grid-auto-flow:column;justify-content:left;align-items:center;gap:5px;white-space:pre-line}.unit-title h3{line-height:20px}.unit label{font-family:regular;font-size:10pt}.unit span{color:#898989;font-family:regular;font-size:12pt;margin-top:-12px;margin-bottom:20px}.unit b{color:#898989;font-family:regular;font-size:10pt;margin-top:-10px;margin-bottom:20px}.unit p{font-family:regular;font-size:10pt;color:#fff}.list-p span{color:#fff}.unit-img{width:100%;height:var(--unit-img-height, auto);background:var(--unit-img, auto);background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;margin-bottom:20px}.unit-img:hover{background-size:110%}.unit video{width:100%;height:var(--unit-video-height, auto)}.unit iframe{border:none;outline:none;background:none;width:100%;height:var(--unit-embed-height, auto)}.carousel{height:var(--carousel-height, auto);margin-bottom:100px}@media screen and (max-width:800px){.unit{width:100%;display:grid;align-content:start}.carousel{height:var(--carousel-height, auto);width:50px;margin-bottom:10px}.thumbs-wrapper{width:100px;overflow-x:auto}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media(min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.img-popup{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;z-index:50}.img-popup button{position:fixed;right:10px;top:10px;background:none;outline:none;border:none;color:#fff;font-family:bold;font-size:14pt;cursor:pointer}.img-popup button:hover{opacity:.8}.img-popup-img{height:100vh;object-fit:cover;justify-self:center}.projects-body{width:1100px;margin-left:calc(50vw - 550px);height:auto;color:#fff}.project-blog{width:100%;margin-bottom:10px}.x1{display:grid;grid-template-columns:repeat(1,1fr)}.x2{display:grid;grid-template-columns:repeat(2,1fr)}.x3{display:grid;grid-template-columns:repeat(3,1fr)}.projects-tags-container{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto;justify-content:left;overflow:hidden;gap:10px;margin-bottom:50px}.projects-tags-container span{background-color:#fff;color:#164c67;padding:5px 10px;border-radius:15px;font-family:bold;font-size:10pt;text-align:center}.up-navi{display:grid;grid-auto-flow:column;justify-content:left;margin-left:0;gap:5px}.up-navi span{color:#898989;font-family:bold;font-size:10pt}.up-navi button{color:#898989;font-family:bold;font-size:10pt;background:none;border:none;outline:none;text-align:left;margin-left:0;padding:0;cursor:pointer}.up-navi button:hover{color:#fff}.official-resource{display:grid;grid-auto-flow:column;justify-content:left;gap:5px}.official-resource label{color:#898989;font-family:bold;font-size:10pt}.official-resource a{color:#898989;font-family:bold;font-size:10pt;text-decoration:none}.official-resource a:hover{color:#fff}@media screen and (max-width:1100px){.projects-body{width:800px;margin-left:calc(50vw - 400px);height:auto}}@media screen and (max-width:800px){.projects-body{width:calc(100vw - 40px);margin-left:20px;height:auto}.x1,.x2,.x3{display:grid;grid-template-columns:repeat(1,1fr)}.projects-tags-container{display:grid;grid-template-columns:auto auto auto;justify-content:left;overflow:hidden;gap:10px;margin-bottom:50px}}