nav{height:5rem;padding:1rem;z-index:100;align-items:center;background:#fff}nav .nav-center{margin:0 auto;display:flex;align-items:center;justify-content:space-between;max-width:1170px}nav .nav-center .nav-logo{height:3rem;width:3rem}.nav-fixed{position:fixed;top:0;left:0;width:100%;box-shadow:0 5px 15px #0000001a;background-color:#fff}nav ul{position:absolute;height:0;top:5rem;left:0;right:0;overflow:hidden;transition:height .3s ease-in-out;background:#fff;z-index:100}nav ul a{display:block;text-decoration:none;padding:1rem;color:#102a42;font-size:1.2rem;text-transform:capitalize;font-weight:700;letter-spacing:.25rem;transition:backgroud 1s ease,padding 1s ease,color 1s ease}nav ul a:hover{padding-left:2rem;background-color:#bff8fd}nav ul.navToggle{height:15rem}.navBtn{transition:color 1s ease;height:50px;width:50px;display:flex;align-items:center;justify-content:center;position:relative}.navBtn:hover{cursor:pointer}.navBtn-burger{width:35px;height:5px;border-radius:2px;background-color:#2caeba;transition:transform .3s ease-in-out}.navBtn-burger:before,.navBtn-burger:after{content:"";position:absolute;width:35px;height:5px;border-radius:2px;background-color:#2caeba;transition:transform .3s ease-in-out}.navBtn-burger:before{transform:translateY(-12px)}.navBtn-burger:after{transform:translateY(12px)}.navBtn.navToggle .navBtn-burger{transform:translate(-50px);background-color:transparent}.navBtn.navToggle .navBtn-burger:before{transform:rotate(45deg) translate(35px,-35px)}.navBtn.navToggle .navBtn-burger:after{transform:rotate(-45deg) translate(35px,35px)}@media screen and (min-width:776px){nav{background-color:#e0fcff}nav ul{display:flex;align-items:center;justify-content:space-between;height:100%!important;position:relative;top:0;flex-wrap:wrap;background-color:transparent}nav ul a{padding:10px 20px}nav ul a:hover{background-color:transparent;color:#149199;padding-left:20px}nav .navBtn{display:none}}.banner{background-color:#e0fcff;height:calc(100% - 5rem);width:100vw}.banner-center{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;max-width:1170px;margin:0 auto;height:calc(100vh - 5rem)}.banner-info{margin:1rem}.banner-info h1{font-size:1.5rem;margin-top:2rem;margin-bottom:1.25rem}.banner-info .social-links{margin-top:2rem;font-size:2rem}.banner-info .social-links a{margin:.5rem}@media screen and (min-width:576px){.banner-info h1{font-size:3rem}.banner-center{flex-direction:row}}.landing-image{display:block;position:relative;margin:1rem 2rem;max-width:10rem;max-height:15rem;z-index:10}@media screen and (min-width:576px){.landing-image{max-width:20rem;max-height:25rem}}.landing-image:before{content:"";position:absolute;right:-32px;bottom:-12%;width:100%;height:100%;border:3px solid hsl(185,84%,25%);border-radius:.3rem;z-index:-10;transition:all .5s ease-in-out}.landing-image:hover:before{bottom:-10px;right:-12px}.landing-image img{border-radius:.2rem}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:100%}.about-image{display:none}.about-text{padding:0 1rem 3rem;flex:0 1 60%}.about-text .title{margin-top:1rem}.about-text p{text-align:justify;text-justify:auto}.about-text ul{columns:2;margin:.7rem 0;list-style-type:none}.about-text ul .icon{margin-right:.5rem;color:#2caeba}@media screen and (min-width:776px){.about-content{flex-direction:row;margin:2rem auto}.about-image{display:block;max-width:400px}}.projects{background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.card-container{display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width:300px){.card-container{flex-direction:row;flex-wrap:wrap}}.card{box-shadow:0 5px 15px #0003;background-color:#fff;transition:.3s;margin:1rem .5rem;height:30rem;width:20rem;border-radius:.5rem;overflow:hidden}.card:hover{box-shadow:0 5px 15px #0006}.card-image-container{border:.6rem solid transparent;position:relative;height:12rem}.card-image-container img{width:100%;height:100%;transition:transform .5s ease-in-out}.card-image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#2caeba,#222);opacity:.85;transition:all .3s linear}.card:hover .card-image-container:after{opacity:0}.card-image-container .view-app{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;height:100%;width:100%;cursor:poiner}.card-footer{display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.5rem;width:100%;height:18rem}.card-footer h4{color:#102a42;font-weight:700}.card-footer h5{text-align:justify;text-justify:auto}.card-footer .project-links a{font-size:1.5rem;margin:.5rem}.contact-center{max-width:1170px;padding:1rem}.contact-container{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:2rem;padding:0 1rem}.contact-container h4{color:#102a42;letter-spacing:.1rem;line-height:1.5rem}.contact-container span{font-weight:700;color:#0e7c86}@media screen and (min-width:776px){.contact{min-height:100%}.contact-container{margin:2rem auto;max-width:70%}}*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{min-height:100vh!important;font-family:Roboto,sans-serif;color:#102a42;line-height:1.5rem;font-size:.875rem;overflow-x:hidden;min-width:100vw}ul{list-style-type:none}a{text-decoration:none}img:not(.nav-logo){width:100%;display:block}h1,h2,h3,h4{letter-spacing:.25rem;line-height:1.25;margin-bottom:.75rem;font-family:Roboto,sans-serif}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}h5,p{margin-bottom:1.25rem;color:#48647f}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4,body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{max-width:1170px;margin:0 auto;padding:1rem .5rem}.max-height{min-height:calc(100vh - 13rem);display:flex;align-items:center;justify-content:center}.title{text-transform:capitalize;font-size:1.3rem;color:#102a42;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem 2rem;text-align:center}.title-underline{height:.3rem;width:5rem;margin-top:.5rem;background-color:#2caeba}.icons a{color:#102a42;transition:color .3s ease-in-out;padding:.4rem .4rem .2rem}.icons a:hover{color:#149199}.icons a:active{border:.2rem dashed hsl(184,77%,34%)}.home-btn{padding:.5rem .7rem;margin:1rem auto 0;display:block;font-size:1rem;font-weight:700;text-transform:capitalize;background-color:#149199;border:.15rem solid hsl(184,77%,34%);border-radius:.5rem;transition:all .3s linear}.home-btn a{color:#fff;letter-spacing:.15rem;text-decoration:none}.home-btn:hover{background-color:#149199}.home-btn:hover a{color:#fff}.home-btn:active{transform:scale(.98)}@media screen and (min-width:776px){.section{padding:1rem 1rem 3rem}.profile-img{display:block}.home-btn{display:none}}footer{min-height:8rem;background:#102a42;color:#829ab0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}footer h4{letter-spacing:.1rem;padding:.5rem .5rem 1rem}footer .footer-name{color:#2caeba}.contact-links{padding:1rem 0 .5rem}.contact-links a{color:#fff;font-size:2rem;margin:.5rem;padding:.5rem;transition:color .3s ease-in-out}.contact-links a:hover{color:#2caeba}@media screen and (min-width:776px){footer h4{letter-spacing:.25rem}}