@keyframes dropAnim{0%{position:absolute;overflow:hidden;top:-500px;opacity:0}50%{top:0;opacity:1;transition-delay:90s}to{position:relative;top:60px;opacity:1}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem) rotate(180deg)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}:root{--color-white: #fefefe;--color-gray: #f1f1f1;--color-gray-50: #e6e6e6;--color-black: #1c1917;--color-black-50: #1f1e1e;--color-dark-blue: #062553;--color-darker-blue: #03112568;--color-light-blue: #409eff}label.active{font-weight:700}.navigation_list_section{display:flex;align-items:center;justify-content:space-evenly;position:sticky;z-index:555;border-bottom:1px solid var(--color-black)}.navigation_list_section .navigation_list{width:100%;font-family:Ubuntu,sans-serif}.navigation_list_section .navigation_list button{font-size:1.6rem;height:2.8rem;cursor:pointer;border:none;text-align:center;font-family:Ubuntu,sans-serif;background-color:var(--color-grey)}.navigation_list_section .navigation_list .btn_navigation{font-size:1.6rem;height:4.8rem;width:9.8rem;cursor:pointer;border:none;text-align:center;font-family:Ubuntu,sans-serif}.navigation_list_section .navigation_list .navigation_data_list_w{display:flex;align-items:center;justify-content:space-evenly;-webkit-full-screen:-webkit-fill-available;scroll-behavior:smooth}.navigation_list_section .navigation_list .navigation_data_list_w div{padding-bottom:.3rem;cursor:pointer}.navigation_list_section .navigation_list .navigation_data_list_w div input[type=radio]{display:none}.navigation_list_section .navigation_list .navigation_data_list_w div label{cursor:pointer;color:var(--color-black-50)}.navigation_list_section .navigation_list .navigation_data_list_w .active{color:var(--color-black);font-weight:700;padding:0 .6rem;width:auto;text-align:center;border-radius:.1rem;border-bottom:3px solid var(--color-light-blue);transition:all .2s;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.navigation_list_section .navigation_list .navigation_data_list_w>label{display:none;color:var(--color-black-50);cursor:pointer;padding-bottom:1.5rem;font-family:Ubuntu,sans-serif;transition:color .2s}.navigation_list_drawer{margin:2rem 4rem;height:calc(100vh - 25.2rem);overflow:scroll;scroll-behavior:smooth}.navigation_list_drawer .navigation_list_container{padding:2rem 0;margin:0 auto;scroll-behavior:smooth;line-height:1.5}.navigation_list_drawer .navigation_list_container ::-webkit-scrollbar{display:none;background:#fafaf9}@media only screen and (max-width: 37.5em){.navigation_list_drawer{margin:1.5rem 0rem}}.about_container{margin:0 auto}.about_container .branches{display:flex;gap:4rem;align-items:center;justify-content:center;justify-items:center;padding:2.4rem}.about_container .branches div{padding:2rem 3rem;background-color:var(--color-gray);border-radius:.8rem}@media only screen and (max-width: 37.5em){.about_container .branches div{padding:1rem}}@media only screen and (min-width: 56.25em) and (max-width: 71.87em){.about_container .branches div{padding:1.5rem}}.about_container .branches span{font-size:3rem;font-weight:700}@media only screen and (max-width: 37.5em){.about_container .branches{flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}}@media only screen and (max-width: 56.25em) and (min-width: 37.5em){.about_container .branches{flex-direction:column;align-items:center;gap:1rem}}header{position:sticky;z-index:555}.profile_card{display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem}.profile_card .profile_card_info{display:flex;gap:1.5rem;align-items:center;justify-content:center}.profile_card .profile_card_info .img{display:block;border-radius:50%;height:8rem;width:8rem;background-size:cover;background-position-x:center;background-image:url(/profile-pic.jpg)}@media only screen and (max-width: 37.5em){.profile_card .profile_card_info .img{height:6.4rem;width:6.4rem}}.profile_card .profile_card_info h3,.profile_card .profile_card_info h4{font-family:Ubuntu,sans-serif}@media only screen and (max-width: 37.5em){.profile_card .profile_card_info h3,.profile_card .profile_card_info h4{font-size:1.8rem}}.profile_card .profile_card_info p{font-family:Lato,sans-serif}@media only screen and (max-width: 37.5em){.profile_card .profile_card_info p{padding-top:.4rem;font-size:1.4rem}}@media only screen and (max-width: 37.5em){.profile_card .profile_card_info{gap:1.2rem}}@media only screen and (max-width: 37.5em){.profile_card{gap:1.8rem;flex-wrap:wrap}}.resume_btn .resume_btn_link{display:flex;align-items:center;justify-items:center;text-decoration:none;color:var(--color-white);background-color:var(--color-dark-blue);padding:1.2rem 2.4rem;border-radius:2.4rem;transition:all .1s ease-in}.resume_btn .resume_btn_link:hover{background-color:var(--color-light-blue)}.resume_btn .resume_btn_link:hover:before{align-items:center;top:-4rem;margin-right:.4rem;font-family:Material Icons;animation:moveInRight 1s ease-in-out;content:"";overflow:hidden}@media only screen and (max-width: 37.5em){.resume_btn .resume_btn_link{padding:1rem 1.2rem;font-size:1.4rem;display:block;text-align:center}}@media only screen and (max-width: 37.5em){.resume_btn{width:100%}}.preloader{width:100%;height:100vh;z-index:999;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-dark-blue)}.preloader_wrapper{width:100%;height:100%;z-index:999;display:flex;gap:2rem;align-items:center;justify-content:center;flex-direction:column}.preloader_wrapper .p_display{margin:0 auto;color:var(--color-gray);transition:all .3s ease-in}.preloader_wrapper .p_display .p_name{animation:moveInRight 1s ease-in}.preloader_wrapper .p_display .p_mark{animation:moveInLeft 2s ease-out}.preloader_wrapper .p_display .p_role{animation:moveInBottom 1s ease-in}.preloader_wrapper .loading_box{width:30%;height:.5%;position:relative;border-radius:8rem}.preloader_wrapper .loading_box .loading_bar1{position:absolute;border-radius:8rem;width:100%;height:100%;background-color:var(--color-darker-blue)}.preloader_wrapper .loading_box .loading_bar2{position:absolute;border-radius:8rem;width:0%;height:100%;background-color:var(--color-light-blue)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.showcase_container{align-items:center;flex-wrap:wrap;margin:0 auto;overflow:hidden}.showcase_container .showcase_heading{margin-bottom:2.5rem}.showcase_container .showcase_gallery{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:center;margin:0 auto;gap:1.2rem}.showcase_container .showcase_gallery .gallery_container{flex:0 1 40%;margin:0 auto;width:auto;margin-top:4rem;border:1px solid var(--color-gray);border-radius:.8rem;cursor:pointer;box-shadow:#00000029 0 1px 4px}.showcase_container .showcase_gallery .gallery_container .gallery_content{padding:0 1.8rem}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery .gallery_container .gallery_content{margin:0 auto}}.showcase_container .showcase_gallery .gallery_container a{display:flex;justify-content:center}.showcase_container .showcase_gallery .gallery_container figure{height:24rem;border-radius:.8rem .8rem 0 0;object-fit:cover;background-position:center;background-size:cover;background-position-x:center;background-position-y:center;background-image:url(/Serentiy-Landing-Page-Princewill-Beluonwu-Ogbo.jpg)}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery .gallery_container figure{width:auto;background-position:center}}@media only screen and (max-width: 56.25em) and (min-width: 37.5em){.showcase_container .showcase_gallery .gallery_container figure{min-width:34rem}}@media only screen and (min-width: 56.25em) and (max-width: 71.87em){.showcase_container .showcase_gallery .gallery_container figure{min-width:38rem}}@media only screen and (max-width: 90em){.showcase_container .showcase_gallery .gallery_container figure{min-width:48rem}}.showcase_container .showcase_gallery .gallery_container figure.gallery_1{background-image:url(/omnifood-zubby.netlify.app_.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_2{background-image:url(/chatgpt3-landingpage-zubby.netlify.app_.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_3{background-image:url(/zubbyzillion.github.io_Natour-Website_.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_4{background-image:url(/budgety-app-beta.vercel.app_.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_5{background-image:url(/factstree.netlify.app_.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_6{background-image:url(/glistening-selkie-1ac671.netlify.app_menu.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_7{background-image:url(/zubby-wild-oasis-netlify-app-dashboard.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_8{background-image:url(/visibuy-ng.png)}.showcase_container .showcase_gallery .gallery_container figure.gallery_9{background-image:url(/scrybetech.png)}.showcase_container .showcase_gallery .gallery_container .gallery_label_section{font-size:1.4rem;display:flex;flex-direction:column-reverse;padding-top:1.5rem;padding-bottom:2.5rem}.showcase_container .showcase_gallery .gallery_container .gallery_features{display:flex;flex-basis:1;flex-wrap:wrap;gap:1rem}.showcase_container .showcase_gallery .gallery_container .gallery_features span{font:1.6rem;background:var(--color-gray);padding:.6rem;border-radius:.6rem}.showcase_container .showcase_gallery .gallery_container .gallery_heading{padding-bottom:1.2rem}.showcase_container .showcase_gallery .gallery_container .gallery_links{display:flex;gap:.8rem;margin-bottom:1.2rem;text-decoration:underline;flex-direction:row-reverse}.showcase_container .showcase_gallery .gallery_container .gallery_links a{color:var(--color-black)}.showcase_container .showcase_gallery .gallery_container .gallery_description_section{display:flex;flex-wrap:wrap;padding-bottom:1.5rem;line-height:1.5}.showcase_container .showcase_gallery .gallery_container .gallery_description_section .gallery_description_text{word-wrap:break-word}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery .gallery_container .gallery_description_section .gallery_description_text{width:inherit;word-wrap:break-word}}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery .gallery_container .gallery_description_section{flex-direction:column;text-wrap:wrap}}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery .gallery_container{width:100%;margin:0;flex-direction:column;align-items:center;justify-content:center}}@media only screen and (max-width: 37.5em){.showcase_container .showcase_gallery{display:flex;flex-direction:column;align-items:center;gap:4.8rem}}.contact_container{margin-bottom:2.5rem}form{width:inherit}.form_popup{width:60%;display:flex;flex-direction:column;align-items:center;gap:2.4rem;padding:2.4rem 4rem}.form_popup p{text-align:center}.form_popup button{display:flex;align-items:center;text-transform:uppercase;font-size:1.2rem;letter-spacing:.6em;padding:1.5rem 2rem;border:1.5px solid var(--color-dark-blue);outline:none;cursor:pointer;background-color:transparent}.form_container{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:0 auto;font-family:Ubuntu,sans-serif}.form_row{display:flex;flex-direction:column;align-content:center;justify-content:center;margin:0 auto;margin-bottom:4.5rem;width:90%}.form_row label{font-weight:500;font-size:1.5rem;color:var(--color-dark-blue)}.form_row input,.form_row textarea{font-size:1.4rem;padding-bottom:.6rem;font-weight:400;border:0;border-bottom:1.5px solid var(--color-dark-blue);border-radius:0;box-shadow:none;outline:none;line-height:1.5;color:var(--color-dark-blue)}.form_row input ::placeholder,.form_row textarea ::placeholder{font-family:Lato,sans-serif;font-size:1rem;color:var(--color-dark-blue)}.form_row .form_group{display:flex;gap:4.5rem;width:100%;justify-content:space-between;margin-bottom:2rem}@media only screen and (max-width: 37.5em){.form_row .form_group{gap:2.5rem;flex-direction:column}}.form_row .form_name_section{display:flex;flex-direction:column;gap:1rem;width:100%}.form_row .form_email_section{display:flex;flex-direction:column;gap:1.2rem;width:100%}.form_row .form_message_section{display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:2.5rem}@media only screen and (max-width: 37.5em){.form_row{gap:2.4rem;width:100%;align-items:center}}@media only screen and (max-width: 56.25em) and (min-width: 37.5em){.form_row{align-items:center}}.send_button{text-transform:uppercase;font-size:1.2rem;letter-spacing:.6em;padding:1.5rem 2rem;border:1.5px solid var(--color-dark-blue);outline:none;cursor:pointer;background-color:transparent}.send_button span{font-size:2rem;color:inherit}.send_button:hover{border:1px solid var(--color-light-blue);background-color:var(--color-light-blue);color:var(--color-white);transition:all dropAnim .3s ease-in}.social_options_container{margin:0 auto;margin-bottom:4.5rem}.social_options_container .socials_heading{display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:2.5rem;margin-bottom:6.5rem}@media only screen and (max-width: 37.5em){.social_options_container .socials_heading{display:flex;flex-direction:column;align-items:center}}.social_options_container hr{outline:none;width:90px;border:1.2px solid var(--color-dark-blue)}.social_options_container p{white-space:nowrap}@media only screen and (max-width: 37.5em){.social_options_container p{text-wrap:wrap;text-align:center}}@media only screen and (max-width: 56.25em) and (min-width: 37.5em){.social_options_container p{text-align:center;align-items:center;text-wrap:wrap}}.social_options_container .social_buttons{display:flex;justify-content:space-evenly;font-size:1.5rem}.social_options_container .social_buttons a{font-size:1.5rem;background-color:var(--color-gray);padding:2rem 3rem;text-decoration:none;color:var(--color-darker-blue)}.social_options_container .social_buttons a:hover{background-color:var(--color-gray-50)}@media only screen and (max-width: 37.5em){.social_options_container .social_buttons a{align-items:center}}@media only screen and (max-width: 37.5em){.social_options_container .social_buttons{width:inherit;flex-direction:column;gap:1.2rem;justify-content:space-evenly}}@media only screen and (max-width: 37.5em){.social_options_container{display:flex;flex-direction:column}}.blog_container{text-align:center}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Lato,sans-serif;font-size:1.6rem;background:var(--color-white);padding:6.4rem 12.8rem;height:100vh;border-bottom:1.3rem solid var(--color-dark-blue)}body ::selection{color:var(--color-gray);background-color:var(--color-dark-blue)}@media only screen and (max-width: 37.5em){body{padding:4.8rem 2.4rem}}@media only screen and (max-width: 56.25em) and (min-width: 37.5em){body{padding:6.4rem 4rem}}@media only screen and (min-width: 56.25em) and (max-width: 71.87em){body{padding:6.4rem 9.8rem}}h3,h4{font-family:Ubuntu,sans-serif}#root{max-width:1500px;margin:0 auto}@media only screen and (max-width: 37.5em){#root{max-width:fit-content}}
