@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Rubik",sans-serif}.gwd-page{min-height:90vh;padding-inline:50px;width:100%;background-color:#cfd6ea}@media screen and (max-width: 768px){.gwd-page{padding-inline:5px}}.back-btn{position:absolute;z-index:5;background-color:#001d3d;color:#cfd6ea;padding:5px 10px;border-radius:4px;font-family:"Rubik",sans-serif;font-size:16px;font-weight:300;border:none;cursor:pointer;transition:all ease .3s}.back-btn:hover{color:#ffb703}header{width:100vw;background-color:#001d3d;height:10vh}header .mobile-menu-icon{display:none}header.header-opacity{background-color:rgba(0,29,61,.8);position:fixed;z-index:5}header nav{height:100%;padding-inline:100px}header nav .menu-primary-container{height:100%}header nav .menu-primary-container ul{height:100%;list-style:none;display:flex;align-items:center;gap:20px}header nav .menu-primary-container li{text-decoration:none;color:#ffb703}header nav .menu-primary-container li a{color:#ffb703;text-decoration:none;font-family:"Rubik",sans-serif;font-size:20px;font-weight:300}header nav .menu-primary-container li.current_page_item a{color:#fff;font-weight:700}@media only screen and (max-width: 700px){header{position:relative}header .mobile-menu-icon{display:block;color:#fff;font-size:40px;margin-inline-start:25px;padding-block-start:20px}header nav{position:absolute;z-index:5;top:0;left:-100%;height:100vh;width:100%;padding-inline:0;margin-top:10vh;transition:all .3s ease;border-top:1px solid #ffb703}header nav.nav-open{left:0}header nav .menu-primary-container ul{flex-direction:column;align-items:start;padding-inline-start:35px;padding-top:35px;width:85%;background-color:#001d3d;box-shadow:0 4px 10px 3px #000}}footer{background-color:#001d3d;min-height:20vh;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:30px 0}footer nav{height:100%}footer nav ul{list-style:none;display:flex;margin:auto;justify-content:center}footer nav ul li{width:200px;text-align:center}footer nav ul li:not(:last-child){border-right:1px solid #ffb703}footer nav ul a{color:#ffb703;font-size:20px;font-family:"Raleway",sans-serif;text-decoration:none;margin:auto}footer .footer-divider{height:1px;background-color:#fff;width:80%;margin:30px auto}footer .copyrights{text-align:center}footer .copyrights p{color:#ffb703;font-size:20px}@media only screen and (max-width: 700px){footer{gap:0}footer nav ul{flex-wrap:wrap;padding-inline:50px;margin:auto;justify-content:space-between;align-items:center}footer nav ul li{width:50%;text-align:center;margin-bottom:20px}footer nav ul li:not(:last-child){border-right:none}footer .footer-divider{margin:10px auto}}.home-page{background-color:#003566;display:flex}.home-page__content{flex:1;color:#fff;font-family:"Raleway",sans-serif;padding-top:200px;padding-inline-start:200px}.home-page__content h1{font-size:5rem;font-weight:900}.home-page__content h3{font-size:3rem;font-weight:300}.home-page__contact{display:block;color:#001d3d;background-color:#ffb703;text-align:center;padding:10px 20px;text-decoration:none;border-radius:5px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;font-weight:300;font-size:20px;margin-top:10px}.home-page__logos{width:600px;height:600px;margin-top:100px;margin-right:100px;position:relative}.home-page__logos .logo{display:block;position:absolute;z-index:3;opacity:0;transition:opacity .5s ease}.home-page__logos .logo.tr{top:10px;right:30px;font-size:100px}.home-page__logos .logo.tl{top:60px;right:520px;font-size:120px}.home-page__logos .logo.center{top:140px;left:50%;transform:translateX(-50%);font-size:180px}.home-page__logos .logo.br{top:400px;right:30px;font-size:100px}.home-page__logos .logo.bl{top:380px;right:400px;font-size:89px}.home-page__logos-mobile{display:none}@media only screen and (max-width: 1700px){.home-page__content{padding-inline-start:100px;padding-top:150px}.home-page__logos{width:400px;height:600px;margin-top:100px;margin-right:50px;position:relative}.home-page__logos .logo.tl{top:60px;right:320px;font-size:70px}}@media only screen and (max-width: 700px){.home-page{flex-direction:column}.home-page__content{padding-top:70px;padding-inline-start:30px}.home-page__content h1{font-size:3.5rem;font-weight:600;letter-spacing:2px}.home-page__content h3{font-size:2.5rem;font-weight:300;letter-spacing:2px}.home-page__contact{margin-top:20px}.home-page__logos{display:none}.home-page__logos-mobile{min-height:10vh;display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:30px 50px;margin-bottom:30px}.home-page__logos-mobile .mobile-logo{font-size:50px;color:#001d3d;width:20%;text-align:center}}.about-page{background-color:#cfd6ea;display:flex;gap:100px;padding-inline:150px;padding-top:100px}.about-page__content{flex:1;color:#001d3d}.about-page__content h3{font-family:"Rubik",sans-serif;font-weight:300;font-style:26px;font-size:26px;margin-bottom:5px}.about-page__content h1{font-family:"Raleway",sans-serif;font-weight:700;font-size:32px;margin-bottom:25px}.about-page__content .about-page__text{font-family:"Raleway",sans-serif}.about-page__content .about-page__text p{font-size:18px;line-height:26px;font-weight:300;margin-bottom:30px}.about-page__content a{display:block;padding:10px 15px;background-color:#ed6c02;width:200px;border-radius:5px;margin-top:20px;text-align:center;box-shadow:rgba(0,0,0,.2) 0px 3px 1px -2px,rgba(0,0,0,.14) 0px 2px 2px 0px,rgba(0,0,0,.12) 0px 1px 5px 0px;color:#fff;text-decoration:none}.about-page__gallery{flex:1;display:grid;gap:5px;grid-template-columns:repeat(4, 150px);grid-template-rows:repeat(5, 120px);grid-template-areas:"image1 image1 image2 image3" "image1 image1 image4 image4" "image1 image1 image8 image8" "image5 image6 image8 image8" "image7 image7 image8 image8"}.about-page__gallery .about-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-page__gallery .about_image_1{grid-area:image1}.about-page__gallery .about_image_2{grid-area:image2}.about-page__gallery .about_image_3{grid-area:image3}.about-page__gallery .about_image_4{grid-area:image4}.about-page__gallery .about_image_5{grid-area:image5}.about-page__gallery .about_image_6{grid-area:image6}.about-page__gallery .about_image_7{grid-area:image7}.about-page__gallery .about_image_8{grid-area:image8}.about-page__gallery .about_image_8 img{-o-object-fit:fill;object-fit:fill}@media screen and (max-width: 1500px){.about-page__gallery{grid-template-columns:repeat(4, 120px);grid-template-rows:repeat(5, 105px)}}@media screen and (max-width: 768px){.about-page{flex-direction:column;padding-inline:25px;padding-top:25px}.about-page__content{padding-bottom:50px}.about-page__gallery{display:none}}.my-projects-page{background-color:#cfd6ea}.my-projects-page h1{text-align:center;padding:50px 0 10px 0;color:#001d3d;font-size:50px;font-weight:300;font-family:"Raleway",sans-serif;margin-bottom:50px}.my-projects-page .categories-container{display:flex;flex-wrap:wrap;justify-content:center;padding-inline:150px}.my-projects-page .category-card{width:350px;height:200px;cursor:pointer;display:flex;justify-content:center;flex-direction:column;align-items:center;text-decoration:none;position:relative;overflow:hidden;margin-bottom:50px}.my-projects-page .category-card__icon{font-size:150px}.my-projects-page .category-card__title{font-size:20px;font-weight:300;color:#003566;position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;transition:all ease .3s}.my-projects-page .category-card:hover .category-card__title{bottom:0}@media screen and (max-width: 1500px){.my-projects-page .categories-container{padding-inline:100px}.my-projects-page .category-card{width:300px;height:200px}}@media screen and (max-width: 768px){.my-projects-page .categories-container{padding-inline:25px;justify-content:space-between}.my-projects-page .category-card{width:160px;height:200px}.my-projects-page .category-card__icon{font-size:100px}.my-projects-page .category-card__title{font-size:18px;bottom:0;text-align:center;width:200px}.my-projects-page .category-card:hover .category-card__title{bottom:0}}.category-page{background-color:#cfd6ea;width:100%;padding-inline:15vw}.category-page__header{display:flex;justify-content:center;align-items:center;gap:20px}.category-page__title{text-align:center;padding:50px 0;color:#003566;font-size:50px;font-weight:300;font-family:"Raleway",sans-serif;text-transform:uppercase}.category-page__icon{display:inline-block;font-size:50px;margin:0 30px}.category-page__icon svg{width:50px;height:50px}.category-page__icon svg g{fill:#003566}.category-page__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;gap:100px 20px;border-top:.5px solid gray;padding-top:70px}.category-page .project-card{position:relative;height:200px;width:300px;margin-bottom:50px;overflow:hidden;text-align:center;border-radius:15px;cursor:pointer}.category-page .project-card__image{width:100%;height:100%}.category-page .project-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-page .project-card__title{position:absolute;left:0;width:100%;z-index:2;bottom:-100px;transition:all ease .3s;background-color:rgba(0,0,0,.5);color:#fff;padding-block:30px}.category-page .project-card:hover .project-card__title{transform:translateY(-100px)}@media screen and (max-width: 768px){.category-page .project-card{overflow:visible}.category-page .project-card a{text-decoration:none}.category-page .project-card__image{border-radius:10px;overflow:hidden}.category-page .project-card__title{position:unset;color:#001d3d;font-weight:300;font-size:20px;text-align:center;background:none;padding-block:10px}}.single-project-page{width:100%;background-color:#cfd6ea;min-height:70vh;display:flex;justify-content:center;align-items:center;gap:80px;padding-inline:240px;position:relative}.single-project-page .back-btn{top:2vh;right:240px}.single-project-page__image{height:50vh;width:30%;box-shadow:0 -5px 20px 0 #403f3f;overflow:hidden;border-radius:10px}.single-project-page__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.single-project-page__content{flex:1;padding-block:2vh}.single-project-page__content .title{font-size:32px;color:#003566;margin-bottom:25px;font-family:"Raleway",sans-serif}.single-project-page__content .categories{display:flex;justify-content:start;align-items:center;margin-bottom:25px}.single-project-page__content .categories .category{display:flex;align-items:center;color:#003566;font-size:20px;font-weight:300}.single-project-page__content .categories .category span{display:inline-block;margin-inline:5px}.single-project-page__content .categories .category svg{width:30px;height:30px}.single-project-page__content .categories .category svg g{fill:#003566}.single-project-page__content .tags{display:flex;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.single-project-page__content .tags .tag{background:#d3d3d3;color:#fff;border-radius:5px;padding:3px 5px;font-size:14px;font-weight:300;font-family:"Rubik",sans-serif}.single-project-page__content .content{font-family:"Rubik",sans-serif;color:#003566;margin-bottom:50px}.single-project-page__content .content h1,.single-project-page__content .content h2,.single-project-page__content .content h3,.single-project-page__content .content h4,.single-project-page__content .content h5,.single-project-page__content .content h6{margin-bottom:20px;font-size:24px;font-weight:700}.single-project-page__content .content p{font-size:18px;line-height:24px;margin-bottom:20px;font-weight:300;width:80%}.single-project-page__content .actions{display:flex;justify-content:end;gap:20px;align-items:center}.single-project-page__content .actions a{display:block;text-decoration:none;color:#fff;border-radius:5px;padding:10px 25px}.single-project-page__content .actions .link{background-color:#003566}.single-project-page__content .actions .github{background-color:#000}@media screen and (max-width: 1500px){.single-project-page{padding-inline:120px}.single-project-page .back-btn{right:120px}}@media screen and (max-width: 900px){.single-project-page{padding-inline:0;flex-direction:column;padding-bottom:5vh;gap:20px}.single-project-page .back-btn{top:22vh;right:24px}.single-project-page__image{width:100%;height:20vh;border-radius:0;margin-top:-1px}.single-project-page__content{padding-inline:24px}.single-project-page__content .title{margin-bottom:20px}.single-project-page__content .categories{margin-bottom:20px}.single-project-page__content .content p{width:100%;margin-bottom:20px;text-align:justify}.single-project-page__content .tags{margin-bottom:20px}}.contact-page{padding-top:100px}.contact-page__title{font-family:"Raleway",sans-serif;text-align:center;color:#003566;margin-bottom:50px;text-transform:uppercase}.contact-page__form{width:500px;margin:auto}.contact-page__form .form-group{display:flex;flex-direction:column;margin-bottom:35px;position:relative;height:50px}.contact-page__form label{font-family:"Rubik",sans-serif;font-weight:300;color:#003566;font-size:14px;padding-inline-start:10px;position:absolute;top:20%;transition:top .2s ease}.contact-page__form label.up-label{top:-15px}.contact-page__form input{width:100%;padding:10px 10px 5px 10px;font-size:18px;color:#001d3d;background:none;border:none;outline:none;border-bottom:1px solid #001d3d}.contact-page__form input::-moz-placeholder{color:rgba(0,0,0,0)}.contact-page__form input::placeholder{color:rgba(0,0,0,0)}.contact-page__form textarea{width:100%;background:rgba(255,255,255,.3);border:1px solid #001d3d;border-radius:12px;outline:none;padding:10px;color:#003566}.contact-page__form .message-group{margin-top:35px;margin-bottom:20px}.contact-page__form .message-group label{display:block;position:unset;margin-bottom:10px}.contact-page__form .submit-btn{padding:10px 25px;font-size:18px;font-weight:300;background-color:#003566;color:#fff;text-align:center;margin:auto;margin-top:15px;border:none;border-radius:12px;outline:none;display:block;cursor:pointer;font-family:"Rubik",sans-serif;text-transform:uppercase;letter-spacing:2px}.contact-page__form .form-error{color:red;font-weight:300;font-family:"Rubik",sans-serif;font-size:12px;padding-inline-start:10px;margin-top:5px}.contact-page .form-message{margin:50px auto}.contact-page .form-message .form-message-title{text-align:center;color:#003566;font-size:24px;font-weight:300;font-family:"Rubik",sans-serif}.contact-page .form-message a{display:block;border:1px solid #003566;background:none;color:#003566;text-align:center;padding:10px 25px;font-family:"Rubik",sans-serif;font-weight:400;font-size:20px;margin:auto;margin-top:20px;text-decoration:none;cursor:pointer;width:150px;border-radius:5px;transition:all .2s ease}.contact-page .form-message a:hover{background-color:#001d3d;color:#cfd6ea}@media only screen and (max-width: 700px){.contact-page__form{width:100%;padding-inline:50px;padding-bottom:50px}}