@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";.navbar{width:100%;height:60px;background-color:#021d3d;position:fixed;display:flex;justify-content:space-between}.container{width:60%;margin:0 auto;display:flex;justify-content:space-around;align-items:center;font-family:Roboto,sans-serif}h6{color:var(--secondary-color);font-size:30px;font-weight:700;text-transform:uppercase}.logo span{color:var(--button-color)}.logo a{text-decoration:none}.menu-icon{display:none}.nav-elements ul{display:flex;list-style-type:none;text-transform:uppercase}.nav-elements ul li{margin-right:30px}.nav-elements ul li a{font-size:16px;font-weight:500;color:var(--secondary-color);text-decoration:none;display:block;padding:20px 10px}.nav-elements ul li:hover{background-color:#021327}@media (max-width: 768px){.container{display:flex;justify-content:space-between;width:80%}.nav-elements ul li:not(:last-child){margin-right:20px}}@media (max-width: 600px){.container{display:flex;justify-content:space-between;width:90%}.menu-icon{display:block;cursor:pointer}.nav-elements{position:absolute;right:0;top:60px;background-color:#021d3d;width:0px;height:calc(100vh - 60px);transition:all .3s ease-in;overflow:hidden}.nav-elements.active{width:150px}.nav-elements ul{display:block;flex-direction:column}.nav-elements ul li{margin-right:unset}.nav-elements ul a{padding:15px;display:flex;margin:0 auto}}.app__container{max-width:100%;padding:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#021327;margin-top:50px;height:70vh}.home__sub-container{width:60%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse;margin-top:30px}.profile__container img{width:320px;height:-moz-fit-content;height:fit-content;border-radius:50%;-o-object-fit:contain;object-fit:contain}.bio__container{display:flex;flex-direction:column;font-family:Roboto,sans-serif;color:var(--secondary-color)}.main__heading-container{font-size:30px}.heading__container{color:#fbf112}.bio__links{display:flex;flex-direction:column}.bio__images{display:flex;justify-content:space-around;gap:10px}.bio__images a img{width:50px;height:-moz-fit-content;height:fit-content;border-radius:50%}@media (max-width: 768px){.app__container{height:80vh}.home__sub-container{display:flex;flex-direction:column-reverse;width:70%;height:-moz-fit-content;height:fit-content;padding:20px}.profile__container img{max-width:250px;height:-moz-fit-content;height:fit-content}}@media (max-width: 412px){.home__sub-container{display:flex;flex-direction:column-reverse;flex-wrap:wrap-reverse;width:70%;padding:40px}.profile__container img{width:250px;height:-moz-fit-content;height:fit-content;margin-bottom:20px}}@media (max-width: 360px){.home__sub-container{display:flex;flex-direction:column-reverse;width:90%;padding:40px}.profile__container img{width:250px;height:-moz-fit-content;height:fit-content;margin-bottom:20px}}.main__container{max-width:100%;padding:40px 27px;display:flex;justify-content:center;align-items:center;margin-top:20px}.about__container{width:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Roboto,sans-serif;background-color:var(--secondary-color);border-radius:15px}.about__sub-container{display:flex;justify-content:space-between;gap:10px;padding:10px;margin-top:20px}.about__heading-container{text-transform:uppercase;font-size:30px;font-weight:700;text-align:center;color:var(--text-color)}.about__profile-container{width:100%;-o-object-fit:contain;object-fit:contain}.about__profile-container img{width:250px;border-radius:50%;height:-moz-fit-content;height:fit-content}.text__container p{text-align:center;color:var(--text-color);line-height:2;letter-spacing:.6px;white-space:pre-wrap}@media (max-width: 768px){.about__container{width:80%}.about__sub-container{flex-direction:column}.about__profile-container{width:100%;-o-object-fit:contain;object-fit:contain;display:flex;justify-content:center}.about__profile-container img{width:200px}.text__container p{padding:0 25px}}@media (max-width: 360px){.about__container{width:90%}.about__sub-container{flex-direction:column;padding:10px 0}.about__profile-container{width:100%;-o-object-fit:contain;object-fit:contain;display:flex;justify-content:center}.about__profile-container img{width:200px}.text__container p{padding:0 25px}}.work__container{display:flex;flex-direction:column;max-width:100%;padding:40px 0;justify-content:center;align-items:center;margin-top:20px}.work__sub-container{margin-top:20px;width:60%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;border-radius:10px}.work__heading{text-align:center;color:var(--text-color);text-transform:uppercase;font-size:30px;margin-top:25px;font-family:Roboto,sans-serif;font-weight:700}.work__items-container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:20px;padding:20px}.work__item{background-color:var(--secondary-color);display:flex;flex-direction:column;border-radius:10px;text-align:center;height:-moz-fit-content;height:fit-content;box-shadow:2px 4px #0003}.deployed__link a{text-decoration:none}.work__title{text-align:center;color:var(--text-color);text-transform:capitalize;font-size:20px;margin-top:25px;font-family:Roboto,sans-serif}.project__image-container img{max-width:100%;height:145px;-o-object-fit:contain;object-fit:contain}.links__container{display:flex;margin:0 auto;padding:10px;gap:25px}.links__container img{width:100%;height:30px;border-radius:10px}@media (max-width: 768px){.work__sub-container{width:80%}.work__items-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.work__item{padding:5px 10px}.project__image-container img{max-width:100%;height:125px}}@media (min-width: 0px) and (max-width: 360px){.work__sub-container{width:90%}.work__items-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.work__item{padding:5px}.project__image-container img{max-width:100%;height:105px;-o-object-fit:contain;object-fit:contain}}.service__container{max-width:100%;padding:40px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#021327;margin-top:20px}.service__heading{text-align:center;color:#fff;text-transform:uppercase;font-size:30px;margin-top:25px;font-family:Roboto,sans-serif;font-weight:700}.service__sub-container{width:60%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;margin-top:20px}.items__container{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;padding:20px}.item{background-color:var(--secondary-color);display:flex;border-radius:10px;text-align:center;height:110px;box-shadow:4px 4px #0003;padding:20px}.item img{max-width:100%;height:105px;-o-object-fit:contain;object-fit:contain;margin:auto}@media (max-width: 768px){.service__sub-container{width:80%;height:auto;display:flex;justify-content:center;align-items:center}.items__container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;margin:0 auto}.item{padding:10px 20px}.item img{max-width:100%;height:100px;-o-object-fit:contain;object-fit:contain;margin:auto}}@media (min-width: 0px) and (max-width: 360px){.service__sub-container{width:90%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.items__container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px}.item{padding:10px 20px}.item img{max-width:100%;height:105px;-o-object-fit:contain;object-fit:contain;margin:auto}}.contact__container{background-color:#021327;max-width:100%;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.contact__heading{text-align:center;color:var(--secondary-color);text-transform:uppercase;font-size:30px;margin-top:25px;font-family:Roboto,sans-serif;font-weight:700}.contact__sub-container{width:60%;display:flex;justify-content:center;align-items:center;margin-top:10px}form{display:flex;flex-direction:column;outline:none;width:100%;font-family:Roboto,sans-serif;gap:10px}.input__name-container{display:flex;gap:10px}.input__field{flex:1;outline:none;border:none;padding:8px;border-radius:5px;font-size:20px}.input__field:last-child{margin-right:0}.email__field,.message__field{padding:8px;border-radius:5px;outline:none;border:none;font-family:Roboto,sans-serif;font-size:20px}.contact__button button{border-radius:5px;padding:8px;font-size:20px;outline:none;border:none;width:100%;background-color:#f9f112;cursor:pointer;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:700;box-shadow:4px 4px #0003}button:hover{background-color:#021327;color:var(--secondary-color)}@media (max-width: 950px){.contact__sub-container{width:80%}}@media (max-width: 768px){.contact__sub-container{width:80%}.input__field{display:flex;flex:1;width:50%}button:hover{background-color:#021327;color:var(--secondary-color)}}@media (min-width: 0px) and (max-width: 360px){.contact__sub-container{width:100%}button:hover{background-color:#021327;color:var(--secondary-color)}}:root{--primary-color: #008080;--secondary-color: #f9f9f9;--text-color: #333333;--button-color: #fbf112;--navbar-color: #fbf112}*{scroll-behavior:smooth}body{background-color:#fff;display:flex;flex-direction:column;font-family:"Poppins" sans-serif;height:100vh;margin:0}