*{box-sizing:border-box;font-family:Outfit,sans-serif;font-weight:400;margin:0;padding:0}body{background:#1d2228}a{color:inherit;text-decoration:none}li{list-style:none}.App{min-height:100vh}.app-container{display:flex;justify-content:center;padding-top:80px;z-index:10}input,textarea{all:unset}input:is(:-webkit-autofill,:-webkit-autofill:focus){-webkit-transition:background-color 6000000s 0s,color 6000000s 0s;transition:background-color 6000000s 0s,color 6000000s 0s}.nav-bar{align-items:center;background-color:rgba(29,34,40,.8);border-bottom:2px solid #f68c43;display:flex;height:80px;justify-content:space-evenly;position:fixed;width:100%;z-index:10}.nav-bar .nav-logo-image{height:100%;width:150px}.nav-bar .menu-icon{display:none;height:30px;width:30px}.nav-bar .nav-menu{align-items:center;display:flex;gap:8%;height:60px;justify-content:flex-end;width:50%}.nav-bar .nav-menu .nav-link-container{align-items:center;display:flex;height:100%;justify-content:center}.nav-bar .nav-menu .nav-link-container .nav-link{color:#eaecee;font-size:16px;height:30px;text-decoration:none}.nav-bar .nav-menu .nav-link-container .nav-link:hover{border-bottom:2px solid #f68c43;color:#f68c43;padding-bottom:2px}.nav-bar .nav-menu .nav-link-container .nav-link-selected{border-bottom:2px solid #f68c43;color:#eaecee;font-size:16px;height:30px;padding-bottom:2px;text-decoration:none}.nav-bar .nav-menu .nav-link-container .nav-link-selected:hover{border-bottom:2px solid #f68c43;color:#f68c43;padding-bottom:2px}.nav-bar .change-language{color:#eaecee;cursor:pointer;font-size:30px;height:40px;text-decoration:none}@media screen and (max-width:768px){.nav-bar{background-color:#1d2228;justify-content:space-between;padding:0 3%;z-index:999}.nav-bar .menu-icon{display:flex;height:30px;width:30px}.nav-bar .nav-menu{background-color:#1d2228;flex-direction:column;gap:0;height:300px;left:0;opacity:0;position:absolute;top:-300px;width:100%}.nav-bar .nav-menu .nav-link-container{height:100%;width:100%}.nav-bar .nav-menu .nav-link-container:hover{background-color:#2c343e;border-radius:0}.nav-bar .nav-menu .nav-link-container .nav-link{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;transition:all .3s ease;width:100%}.nav-bar .nav-menu .nav-link-container .nav-link:hover{border-bottom:3px solid #f68c43;transition:all .3s ease}.nav-bar .nav-menu .nav-link-container .nav-link-selected{align-items:center;border-bottom:3px solid #f68c43;display:flex;height:100%;justify-content:center;text-align:center;transition:all .3s ease;width:100%}.nav-bar .nav-menu .nav-link-container .nav-link-selected:hover{border-bottom:3px solid #f68c43;transition:all .3s ease}.nav-bar .change-language{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;transition:all .3s ease;width:100%}.nav-bar .change-language:hover{background-color:#2c343e;border-radius:0}.nav-bar .nav-menu.active{left:0;opacity:1;top:80px;transition:all .5s ease}}.footage-container{background:#1d2228;border-top:2px solid #f68c43;display:flex;flex-direction:column;height:80px;justify-content:center}.footage-container .footage-icon-container{align-items:center;color:#eaecee;display:flex;justify-content:center;padding:0 0 15px}.footage-container .footage-icon-container .footage-icon{height:20px;margin:0 15px;width:20px}.footage-container .copyright{color:#eaecee;font-size:12px;text-align:center}.home-container{width:100%}.home-container .section-a{align-items:center;color:#eaecee;display:flex;flex-direction:column;height:auto;height:600px;justify-content:center;padding:100px 5%;text-align:center}.home-container .section-a .section-a-text{font-size:24px}.home-container .section-a .section-a-title{color:#f68c43;font-size:36px;font-weight:700;letter-spacing:10px}.home-container .section-a .section-a-sub-title{font-size:24px;padding-bottom:30px}.home-container .section-a .section-a-description{font-size:16px}.home-container .section-c{align-items:center;background-color:#2c343e;display:flex;flex-direction:column;padding:40px 0}.home-container .section-c .section-c-title{color:#eaecee;font-size:24px;letter-spacing:3px;text-align:center;text-shadow:3px 3px 3px #1f1f1f}.home-container .section-c .section-c-title:before{color:#f68c43;content:"━";padding-right:30px}.home-container .section-c .section-c-title:after{color:#f68c43;content:"━";padding-left:30px}.home-container .section-c .section-c-grid{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 40px;width:100%}.home-container .section-d{background-color:#1d2228;padding:30px 0;text-align:center}.home-container .section-d .section-d-sub-title{color:#f68c43;font-size:16px;padding-bottom:5px}.home-container .section-d .section-d-title{color:#eaecee;font-size:24px;letter-spacing:3px;text-align:center;text-shadow:3px 3px 3px #1f1f1f}.home-container .section-d .section-d-title:before{color:#f68c43;content:"━";padding-right:30px}.home-container .section-d .section-d-title:after{color:#f68c43;content:"━";padding-left:30px}.home-container .section-d .section-d-category-container{grid-gap:2% 0;display:grid;gap:2% 0;grid-template-columns:250px 250px 250px;justify-content:space-evenly;padding:30px 0 10px}@media screen and (max-width:768px){.home-container .section-a{padding:50px 5%}.home-container .section-c .section-c-grid{width:100%}.home-container .section-d .section-d-category-container{grid-template-columns:230px 230px}}@media screen and (max-width:480px){.home-container .section-d .section-d-category-container{grid-template-columns:150px 150px}}.warning-tape{align-items:center;background:repeating-linear-gradient(45deg,#2c343e,#2c343e 40px,#f68c43 0,#f68c43 80px);border-bottom:10px solid;border-top:10px solid;color:#f68c43;display:flex;flex-direction:column;height:120px;justify-content:center}.warning-tape .warning-tape-text{background-color:#2c343e;border:5px solid;font-size:36px;font-weight:700;height:auto;letter-spacing:10px;padding:0 30px;white-space:nowrap}@media screen and (max-width:768px){.warning-tape{background:repeating-linear-gradient(45deg,#2c343e,#2c343e 30px,#f68c43 0,#f68c43 60px);border-bottom:7px solid;border-top:7px solid;height:80px}.warning-tape .warning-tape-text{background-color:none;font-size:24px;letter-spacing:6px;padding:0 10px}}@media screen and (max-width:480px){.warning-tape{background:repeating-linear-gradient(45deg,#2c343e,#2c343e 20px,#f68c43 0,#f68c43 40px);border-bottom:4px solid;border-top:4px solid;height:50px}.warning-tape .warning-tape-text{background-color:none;font-size:16px;letter-spacing:5px;padding:0 5}}.card{align-items:center;background:linear-gradient(to right bottom,#1d2228,#2c343e);border-color:#f68c43 #eaecee #eaecee #f68c43;border-style:solid;border-width:2px;display:flex;-webkit-filter:drop-shadow(20px 10px 5px rgba(31,31,31,.6));filter:drop-shadow(20px 10px 5px rgba(31,31,31,.6));flex-direction:column;height:300px;justify-content:center;margin:10px;white-space:nowrap;width:250px}.card .card-screw-a,.card .card-screw-b{animation:screw 2s linear 0s infinite reverse;height:16px;position:relative;width:16px}.card .card-screw-a{align-self:flex-end;bottom:40px;right:15px}.card .card-screw-b{align-self:flex-start;left:15px;top:40px}.card .card-image{height:50px;margin:0;width:50px}.card .card-title{color:#f68c43;font-size:18px;margin:20px 0;text-align:center}.card .card-button{border:1px solid #f68c43;color:#f68c43;height:35px;line-height:35px;text-align:center;transition:all .3s ease;width:100px}.card .card-button:active,.card .card-button:hover{background-color:#f68c43;border:1px solid #eaecee;color:#eaecee;transition:all .3s ease;width:180px}@-webkit-keyframes screw{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes screw{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.category{align-items:center;display:flex;flex-direction:column;width:250px}.category .category-number{align-self:start;color:#f68c43;font-size:16px}.category .category-number:after{content:"━━━━";padding-left:20px}.category .category-title{color:#eaecee;font-size:20px;text-align:end}.category .category-title:after{content:"━━━━"}.category .category-title .category-description{font-size:16px;padding-top:20px;text-align:end}@media screen and (max-width:768px){.category{width:230px}.category .category-title{font-size:20px}.category .category-title .category-description{font-size:12px}}@media screen and (max-width:480px){.category{width:150px}.category .category-title{font-size:20px}}.sketch-container{bottom:0;-webkit-filter:blur(2px);filter:blur(2px);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.about-container{color:#eaecee;width:100%}.about-container .section-a{display:flex;flex-direction:row;height:600px;justify-content:center}.about-container .section-a .section-a-left{align-items:center;display:flex;flex-direction:column;letter-spacing:5px;padding-top:250px;text-align:left;width:40%}.about-container .section-a .section-a-left:after{color:#f68c43;content:"━━━━━━━";letter-spacing:0;padding-left:50px}.about-container .section-a .section-a-right{display:flex;flex-direction:column;padding-top:100px;width:50%}.about-container .section-a .section-a-right .section-a-title{display:flex;flex-direction:row;font-size:36px;justify-content:flex-start;letter-spacing:5px}.about-container .section-a .section-a-right .section-a-title:before{color:#f68c43;content:"━";letter-spacing:0;padding-right:10px}.about-container .section-a .section-a-right .section-a-description{align-items:flex-end;display:flex;flex-direction:column;font-size:16px;padding-top:30px;text-align:justify}.about-container .section-a .section-a-right .section-a-description:after{color:#f68c43;content:"━━━━━";letter-spacing:0}.about-container .section-b{background-color:#f68c43;display:flex;justify-content:center}.about-container .section-b .section-b-image{padding:2px 0;width:100%}.about-container .section-c{align-items:center;background-color:#2c343e;display:flex;flex-direction:row;height:700px;justify-content:center}.about-container .section-c .section-c-left{display:flex;justify-content:center;width:45%}.about-container .section-c .section-c-left .section-c-image-container-l{display:flex;flex-direction:column;margin-right:20px;margin-top:30px}.about-container .section-c .section-c-left .section-c-image-container-r{display:flex;flex-direction:column}.about-container .section-c .section-c-left .section-c-image{border-color:#f68c43 #eaecee #eaecee #f68c43;border-style:solid;border-width:2px;height:200px;margin-top:20px;width:160px}.about-container .section-c .section-c-right{display:flex;flex-direction:column;justify-content:center;width:45%}.about-container .section-c .section-c-right .section-c-since-text{color:#f68c43;font-size:16px}.about-container .section-c .section-c-right .section-c-title{display:flex;flex-direction:column;font-size:20px;letter-spacing:3px}.about-container .section-c .section-c-right .section-c-title:after{color:#f68c43;content:"━━━━";letter-spacing:0}.about-container .section-c .section-c-right .section-c-description{align-items:flex-end;display:flex;flex-direction:column;padding-top:30px;text-align:justify}.about-container .section-c .section-c-right .section-c-description:after{color:#f68c43;content:"━━━━━";letter-spacing:0}@media screen and (max-width:768px){.about-container .section-a{height:550px}.about-container .section-a .section-a-title{font-size:24px}.about-container .section-a .section-a-left{width:35%}.about-container .section-a .section-a-right{justify-content:center;padding-top:0;width:55%}.about-container .section-a .section-a-right .section-a-description{font-size:12px}.about-container .section-c{flex-direction:column-reverse;height:850px}.about-container .section-c .section-c-left{align-items:center;flex-direction:row;width:50%}.about-container .section-c .section-c-left .section-c-image-container-l{flex-direction:column;margin:0}.about-container .section-c .section-c-left .section-c-image-container-r{flex-direction:column;margin:40px 0 0}.about-container .section-c .section-c-left .section-c-image{height:200px;margin:10px 5px;width:160px}.about-container .section-c .section-c-right{width:90%}.about-container .section-c .section-c-right .section-c-description{font-size:12px}}@media screen and (max-width:480px){.about-container{color:#eaecee;width:100%}.about-container .section-a{align-items:center;display:flex;flex-direction:column;width:100%}.about-container .section-a .section-a-title{display:flex;flex-direction:row;font-size:24px;justify-content:flex-end;width:100%}.about-container .section-a .section-a-title:before{color:#f68c43;content:"━━";letter-spacing:0;padding-right:20px}.about-container .section-a .section-a-left{align-items:flex-start;display:flex;flex-direction:column;padding-top:0;text-align:left;width:90%}.about-container .section-a .section-a-right{padding-top:10px;width:90%}.about-container .section-c{flex-direction:column-reverse;height:1000px}.about-container .section-c .section-c-left{display:flex;flex-direction:row;justify-content:center;width:90%}.about-container .section-c .section-c-left .section-c-image-container-l{display:flex;flex-direction:column;margin:0 5px}.about-container .section-c .section-c-left .section-c-image-container-r{display:flex;flex-direction:column;margin:30px 5px 0}.about-container .section-c .section-c-left .section-c-image{height:200px;margin-top:20px;width:160px}.about-container .section-c .section-c-right{display:flex;flex-direction:column;justify-content:center;width:90%}.about-container .section-c .section-c-right .section-c-since-text{color:#f68c43;font-size:16px}.about-container .section-c .section-c-right .section-c-title{display:flex;flex-direction:column;font-size:24px;font-weight:700;letter-spacing:3px}.about-container .section-c .section-c-right .section-c-title:after{color:#f68c43;content:"━━━━";letter-spacing:0}.about-container .section-c .section-c-right .section-c-description{align-items:flex-end;display:flex;flex-direction:column;padding-top:30px;text-align:justify}.about-container .section-c .section-c-right .section-c-description:after{color:#f68c43;content:"━━━━━";letter-spacing:0}}.project-item{border-color:#f68c43 #eaecee #eaecee #f68c43;border-style:solid;border-width:2px;margin:10px}.project-item .preojct-item-opacity-layer{display:flex}.project-item .preojct-item-opacity-layer .project-item-image{height:360px;width:360px}.project-item .preojct-item-opacity-layer .project-item-info{background-color:rgba(44,52,62,.8);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.project-item .preojct-item-opacity-layer .project-item-info .project-item-info-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.project-item .preojct-item-opacity-layer .project-item-info .project-item-info-container .project-item-info-title{color:#fff;font-size:1rem;text-align:center}.project-item .preojct-item-opacity-layer .project-item-info .project-item-info-container .project-item-info-description{color:#fff;font-size:.8rem;text-align:center}.project-item .preojct-item-opacity-layer:hover{overflow:hidden;position:relative}.project-item .preojct-item-opacity-layer:hover .project-item-info{display:block}.projects-container{display:flex;flex-direction:column;width:100%}.projects-container .section-a{border-bottom:5px solid #f68c43;display:flex;height:200px}.projects-container .section-a .projects-title{align-items:center;color:#eaecee;display:flex;font-size:36px;justify-content:center;letter-spacing:5px;line-height:100px;width:40%}.projects-container .section-a .projects-description{align-items:center;color:#eaecee;display:flex;font-size:16px;text-align:justify;width:50%}.projects-container .project-items-margin{display:flex;flex-direction:column;margin:40px 0 0}.projects-container .projects-items-container{background-color:#2c343e;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0}@media screen and (max-width:768px){.projects-container .section-a{flex-direction:column}.projects-container .section-a .projects-title{font-size:24px;line-height:100px;width:100%}.projects-container .section-a .projects-description{font-size:12px;padding:0 40px;width:100%}.projects-container .project-items-margin{margin:20px 0}.projects-container .project-items-margin:after{display:none}}@media screen and (max-width:480px){.projects-container .section-a{flex-direction:column}.projects-container .section-a .projects-title{font-size:24px;line-height:80px;width:100%}.projects-container .section-a .projects-description{font-size:12px;padding:0 40px;width:100%}.projects-container .project-items-margin{margin:20px 0}.projects-container .project-items-margin:after{display:none}}.contact-container{display:flex;justify-content:center;margin:20px 0;width:100%}.contact-container .contact-detail-container{align-items:center;color:#eaecee;display:flex;flex-direction:column;justify-content:center;margin:30px 0;width:45%}.contact-container .contact-detail-container .contact-text{font-size:24px}.contact-container .contact-detail-container .contact-sub{font-size:16px;padding-bottom:30px}.contact-container .contact-detail-container .contact-phone{padding-bottom:5px}.contact-container .contact-form-container{align-items:center;display:flex;justify-content:center;width:45%}@media screen and (max-width:768px){.contact-container{align-items:center;display:flex;flex-direction:column}.contact-container .contact-detail-container,.contact-container .contact-form-container{width:100%}}.form-container{align-items:center;background-color:#2c343e;border-color:#f68c43 #eaecee #eaecee #f68c43;border-style:solid;border-width:2px;display:flex;-webkit-filter:drop-shadow(20px 10px 5px rgba(31,31,31,.6));filter:drop-shadow(20px 10px 5px rgba(31,31,31,.6));flex-direction:column;height:550px;padding:0 50px}.form-container .form-title{color:#eaecee;font-size:24px;padding:20px 0;text-align:center}.form-container .form-input-container .form-label{color:#eaecee;display:flex;padding:10px 0 4px}.form-container .form-input-container .form-input-error-container{height:15px}.form-container .form-input-container .form-input-error-container .form-input{border-bottom:2px solid #f68c43;color:#eaecee;font-size:16px;width:250px}.form-container .form-input-container .form-input-error-container .form-error-message{color:red;font-size:12px}.form-container .form-input-container .form-input-error-textarea-container{height:150px}.form-container .form-input-container .form-input-error-textarea-container .form-textarea{border:2px solid #f68c43;color:#eaecee;font-size:16px;height:120px;width:250px}.form-container .form-input-container .form-input-error-textarea-container .form-error-message{color:red;font-size:12px}.form-button{border:1px solid #f68c43;color:#f68c43;cursor:pointer;height:35px;line-height:35px;text-align:center;transition:all .3s ease;width:200px}.form-button:active,.form-button:hover{background-color:#f68c43;border:1px solid #eaecee;color:#eaecee;transition:all .3s ease}@media screen and (max-width:480px){.form-container{width:320px}.form-container .form-title{font-size:20px}.form-container .form-input-container .form-input-error-container .form-input,.form-container .form-input-container .form-input-error-textarea-container .form-textarea{width:200px}}.main-color{color:#f68c43}.second-color{color:#eaecee}.project-details-container{align-items:center;background-color:#2c343e;color:#eaecee;display:flex;width:100%}.project-details-container .project-details-image-container{display:flex;flex-direction:column;height:600px;overflow-y:scroll;width:100%}.project-details-container .project-details-text-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 10%;width:100%}.project-details-container .project-details-text-container .project-details-left-container{width:100%}.project-details-container .project-details-text-container .project-details-left-container:before{color:#f68c43;content:"━━━━━━";letter-spacing:0}.project-details-container .project-details-text-container .project-details-left-container .project-details-title{display:flex;flex-direction:column;font-size:24px}.project-details-container .project-details-text-container .project-details-left-container .project-details-sub,.project-details-container .project-details-text-container .project-details-left-container .project-details-year{font-size:16px}.project-details-container .project-details-text-container .project-details-left-container .project-details-categories li{list-style:square;margin-left:20px;text-transform:capitalize}.project-details-container .project-details-text-container .project-details-line{border:1px solid #f68c43;margin:20px 0;width:100%}.project-details-container .project-details-text-container .project-details-right-container{width:100%}.project-details-container .project-details-text-container .project-details-right-container:after{color:#f68c43;content:"━━━━━━";letter-spacing:0}.project-details-container .project-details-text-container .project-details-right-container .project-details-achievements li{list-style:square;margin-left:20px}@media screen and (max-width:768px){.project-details-container{flex-direction:column-reverse}.project-details-container .project-details-image-container{height:auto}}
/*# sourceMappingURL=main.978f1980.css.map*/